React /react-选择模块

Question

react-select (值得称赞)，当我输入任何内容时，它总是给我这个错误：

Creatable.js?067d:40 Uncaught TypeError: Cannot read property 'toLowerCase' of null
at compareOption (Creatable.js?067d:40)
at eval (Creatable.js?067d:51)
at Array.some (<anonymous>)
at isValidNewOption (Creatable.js?067d:50)
at Creatable.componentWillReceiveProps (Creatable.js?067d:133)
at callComponentWillReceiveProps (react-dom.development.js?cada:6389)
at updateClassInstance (react-dom.development.js?cada:6575)
at updateClassComponent (react-dom.development.js?cada:7848)
at beginWork (react-dom.development.js?cada:8225)
at performUnitOfWork (react-dom.development.js?cada:10224)

Answer 1

选项必须是对象数组，每个对象都必须有一个名为value的键。

<Select
  value={selectedOption}
  onChange={this.handleChange}
  options={this.state.students}
/>

因此，您的students值应该是这样的[{value: "John Doe", name: "John Doe"}]