多选反应不起作用的MultiSelectReact组件

Question

import  MultiSelectReact  from 'multi-select-react';

multiSelect:[];

<MultiSelectReact 
  options={this.state.multiSelect}
  optionClicked={this.optionClicked}
  selectedBadgeClicked={this.selectedBadgeClicked}
  selectedOptionsStyles={selectedOptionsStyles}
  optionsListStyles={optionsListStyles} 
/>

optionClicked(optionsList) {
 this.setState({ multiSelect: optionsList });
}
selectedBadgeClicked(optionsList) {
 this.setState({ multiSelect: optionsList });
}

我用上面的代码尝试了这个组件。但是，它显示了空的下拉列表。

Answer 1

您需要在数组中添加数据：

$str

修改：您还需要为数组中的每个选项添加ID：

$str =~ /(\d+)/;

- 我认为您应该使用react-select组件。