React-select-fast-filter-options无法正常运行

时间:2017-10-24 08:18:10

标签: reactjs react-select

我尝试使用React Virtualized Select并结合react-select-fast-filter-options

react-virtualized-select 对我来说效果很好,但是在按照Git中的所有步骤执行后,我无法以 react-select-fast-filter-options 工作引导,在输入一些值来选择输入后,我根本没有得到任何结果。

我已在Code Sandbox中为此问题创建了codesnippet https://codesandbox.io/s/v34qnr9w0 如果 labelKey 内容,但当您将 labelKey 更改为标签不有效>(默认值),它再次有效。

这是一个组件'错误?

1 个答案:

答案 0 :(得分:1)

问题是您将非默认labelKey媒体资源传递给react-virtualized-select,但将其传递给react-select-fast-filter-options(这是& #39;实际上索引你的数据)。第二个库接受labelKey个参数; (查看the params documentation)。

所以修复就是这样做:

const filterOptions = createFilterOptions({
  labelKey: 'content',
  options
});

顺便说一句,CodeSandbox目前有一个缓存问题I moved your example to WebpackBin and fixed it there