时间戳

首页 > 解决方案 > react-select-search 不允许我选择多个值

reactjs - react-select-search 不允许我选择多个值

问题描述

Cmd如果不按住键，我无法选择多个值

我在组件中使用 SelectSearch

<SelectSearch search multiple emptyMessage="Cannot find class" options={this.state.lessonSelections}
placeholder="Class" closeOnSelect={false} printOptions="on-focus"
className='select-search' onChange={this.handleLessonsChange.bind(this)} />

我的handleLessonsChange

handleLessonsChange(value, state, props) {
    this.setState({
      lessons: state
    });
  }

然后是状态

this.state = {
      studentSelections: [],
      lessonSelections: [],
      materialSelections: [],
      student: '',
      lessons: [],
      materials: [],
      data: {},
    };

我只是迷失了如何选择多个值，例如故事书中的值

标签： reactjsreact-select-search

解决方案

尝试将多个选项设置为 true，它位于文档https://www.npmjs.com/package/react-select-search中。像这样：

export default function App() {
  const options = [
    { name: "Swedish", value: "sv" },
    { name: "English", value: "en" },
    { name: "Spanish", value: "sp" }
  ];

  return (
    <div className="App">
      <SelectSearch
        options={options}
        value="sv"
        name="language"
        placeholder="Choose your language"
        multiple="true"
      />
    </div>
  );
}

推荐阅读