Question

我正在使用react-select-fast-filter-options，并且在搜索任何内容时，即使在select标记中有针对它的条目也没有得到任何结果。

我已经看到this的问题，并且面临着非常相似的问题，但是我没有将任何非默认属性传递给react-virtualized-select。

我的代码如下：

import "react-select/dist/react-select.css";

import React from "react";
import ReactDOM from "react-dom";
import createFilterOptions from "react-select-fast-filter-options";
import Select from "react-select";
import faker from "faker";

// Dummy array of test values.
const options = Array.from(new Array(100), (_, index) => ({
  label: faker.lorem.sentence(),
  value: index
}));

export default class SelectComponent extends React.Component {
  render() {
    console.log(this.props.alloptions);
    return (
      <Select
        options={this.props.alloptions}
        filterOptions={createFilterOptions(this.props.alloptions)}
      />
    );
  }
}

ReactDOM.render(
  <SelectComponent alloptions={options} />,
  document.getElementById("root")
);

我的猜测是，react-select-fast-filter-options对我的数据建立索引是使用一些我不知道的隐藏字段完成的。

有什么我想念的吗？

Answer 1

当我将其放入codesandbox中时，您问题中的代码可以很好地工作。

https://codesandbox.io/s/vibrant-wind-rlp2i?fontsize=14&view=preview

使用react-select-fast-filter-options的正确方法

1 个答案: