|
|
@ -4,7 +4,7 @@
|
|
|
|
* @Github:
|
|
|
|
* @Github:
|
|
|
|
* @Date: 2019-12-30 13:51:19
|
|
|
|
* @Date: 2019-12-30 13:51:19
|
|
|
|
* @LastEditors : tangjiang
|
|
|
|
* @LastEditors : tangjiang
|
|
|
|
* @LastEditTime : 2019-12-30 18:02:20
|
|
|
|
* @LastEditTime : 2019-12-30 19:21:56
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
import './index.scss';
|
|
|
|
import './index.scss';
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
import React, { useState } from 'react';
|
|
|
@ -23,6 +23,8 @@ function KnowLedge (props) {
|
|
|
|
const [selectOptions, setSelectOptions] = useState(options);
|
|
|
|
const [selectOptions, setSelectOptions] = useState(options);
|
|
|
|
// 已选择的下拉项
|
|
|
|
// 已选择的下拉项
|
|
|
|
const [selectValue, setSelectValue] = useState(values);
|
|
|
|
const [selectValue, setSelectValue] = useState(values);
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
const [value] = useState([]);
|
|
|
|
|
|
|
|
|
|
|
|
// 渲染下拉选项
|
|
|
|
// 渲染下拉选项
|
|
|
|
const renderOptions = (options = []) => {
|
|
|
|
const renderOptions = (options = []) => {
|
|
|
@ -32,8 +34,9 @@ function KnowLedge (props) {
|
|
|
|
));
|
|
|
|
));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const handleSelectChange = (value) => {
|
|
|
|
const handleSelectChange = (value) => {
|
|
|
|
console.log(value);
|
|
|
|
console.log('过滤结果Start=====》》》》》', selectOptions, value);
|
|
|
|
const _result = selectOptions.filter(item => item !== value);
|
|
|
|
const _result = selectOptions.filter(item => item !== value.join(''));
|
|
|
|
|
|
|
|
console.log('过滤结果=====》》》》》', _result, selectOptions);
|
|
|
|
setSelectOptions(_result);
|
|
|
|
setSelectOptions(_result);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -41,7 +44,8 @@ function KnowLedge (props) {
|
|
|
|
const renderSelect = (options, values) => {
|
|
|
|
const renderSelect = (options, values) => {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<Select
|
|
|
|
<Select
|
|
|
|
mode="multiple"
|
|
|
|
value={value}
|
|
|
|
|
|
|
|
mode="tags"
|
|
|
|
placeholder="请选择"
|
|
|
|
placeholder="请选择"
|
|
|
|
style={{ width: '100%' }}
|
|
|
|
style={{ width: '100%' }}
|
|
|
|
onChange={handleSelectChange}
|
|
|
|
onChange={handleSelectChange}
|
|
|
|