Question

问题

大家好，请帮助我解决此问题。我已经开始构建使用一些JSON数据的REACT应用程序，现在当我尝试点击一些字母或单词片段来搜索以下选项时，我陷入了这个问题可能包含该字母或片段的选择。

请检查下面的示例和我的代码，我在 react-select 组件中仅存储了一个列表，我使用的是react v15.6.2，react-dom v15.6.2和react-选择2.1.0。预先感谢。

示例：如果我点击字母“ a”，则搜索工作正常，它为我提供了包含该字母的选项，但是当我添加的字母不完全位于字母“ a”之前/之后时，例如：字母“ b”可以在选项值的最后，选择将停止给出结果！

const selectObjects = (<Select
  isMulti
  options={this.state.list.map(obj => {
    return {
      value: obj.id,
      label: obj.id + ' ' + obj.name
    };
  })}
  onChange={this.handleChangeObj}
  value={this.state.list}
/>);

PRESS HERE TO CHECK THE DEMO

Answer 1

我已经确认，如果您正确映射选项标签和值，则可以解决搜索问题。

const options = [{
  id: 2,
  artist: 'Hendrix, Jimi',
  title: 'Red House'
}, {
  id: 3,
  artist: 'Clapton, Eric',
  title: `I'm Tore Down`
}];

<Select options={options}
        getOptionValue={(opt) => opt.id}
        getOptionLabel={(opt) => `${opt.artist}: ${opt.title}`} />

我有一个larger example in this codesandbox。

React-Select Multi Searchable：不允许我按分开的字母或单词片段进行搜索

问题

1 个答案: