我正在尝试将React Virtualized Select与react-select-fast-filter-options结合使用
react-virtualized-select对我来说效果很好,但不知何故,在遵循 Git 指南中的所有步骤之后,我无法让react-select-fast-filter-options工作,在输入一些值来选择输入后,我根本没有得到任何结果。
我已经创建了codesnippet在代码中沙盒此问题https://codesandbox.io/s/v34qnr9w0 它确实没有工作,如果labelKey是内容,但是当你改变labelKey到标签(默认值),它再次工作。
以下是完整代码:
import React from 'react';
import { render } from 'react-dom';
import Select from 'react-virtualized-select';
import createFilterOptions from 'react-select-fast-filter-options';
import 'react-select/dist/react-select.css';
import 'react-virtualized/styles.css'
import 'react-virtualized-select/styles.css'
const styles = {
fontFamily: 'sans-serif',
textAlign: 'center',
};
class App extends React.Component {
render() {
const options = [
{ id: 'Stanford University', content: 'Stanford' },
{ id: 'Stan University', content: 'Stan' },
{ id: 'Stanford BBB University', content: 'Stanford BBB' },
{ id: 'Stanford CCC University', content: 'Stanford CCC' }
];
const filterOptions = createFilterOptions({ options });
return (
<div style={styles}>
<Select
name="university"
labelKey="content"
valueKey="id"
options={options}
filterOptions={filterOptions}
onChange={val => console.log(val)}
/>
</div>
);
}
}
render(<App />, document.getElementById('root'));
这是一个组件的错误?