使用https://github.com/ericgio/react-bootstrap-typeahead
this.state = {
pset: 'C'
};
...
setValue = (key, value) => {
const property = { ...this.state };
property[key] = value;
this.setState(property);
};
onTypeaheadChange = (key, arrVal) => {
this.setValue(key, arrVal[0])
};
...
<Typeahead
id="1"
onInputChange={e => setValue('pset', e)}
onChange={(arrVal) => onTypeaheadChange('pset', arrVal)}
selected={[this.state.pset]}
options={['A','B']}
/>
我希望能够有一个预先选择的值,但不一定是选项之一。
类似于其他表单元素,可以控制提前输入或 不受控制。使用选定的道具通过父项对其进行控制,或者 defaultSelected可选择设置默认值,然后允许 组件来控制自己。请注意,选择可以是 控制,不是输入值。
这是什么意思?我不能做我想做的?有什么解决方法吗?