选择标签的数据实时搜索功能在 react-bootstrap 中不起作用

Question

我正在尝试在 React 项目中实现数据实时搜索，并且我正在使用 react-bootstrap。 代码在这里：

        <Form.Control as="select" data-live-search="true" htmlSize="5" custom>
          {activities.map(i=>{return <option>{i}</option>})}
        </Form.Control>

一切正常，但搜索栏没有显示。

Answer 1

经过几次搜索后，我才知道 react-bootstrap 中没有 data-live-search。 但是我们可以改用 react-bootstrap-typeahead，这对我来说很有魅力。