Правильный способ использования опции response-select-fast-filter-options

Question

Я использую response-select-fast-filter-options и при поиске чего-либо не получаю никакого результата, даже если в теге select присутствует запись против него.

Я уже видел этот вопрос, и я столкнулся с очень похожей проблемой, но я не передаю никакое свойство не по умолчанию 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

Код в вашем вопросе прекрасно работает, когда я помещаю его в кодовый ящик.

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