gpt4 book ai didi

javascript - 在空格键上 react 选择 v2 选择第一个值

转载 作者:行者123 更新时间:2023-12-03 00:42:22 25 4
gpt4 key购买 nike

当我在“选择”字段上点击空格时,将选择选项中的第一个值。如何禁用此类行为?

<Select
ref={r => (this.selectRef = r)}
className="basic-single"
classNamePrefix="select"
onInputChange={val => {
console.log('va', val)
this.setState({ inputValue: val })
}}
inputValue={this.state.inputValue}
options={[{ value: 'aaa', label: 'aaa bbb' }, { value: 'bbb', label: 'bbb ccc' }]}
name="color"
/>

HERE IS A DEMO

最佳答案

我建议使用 onKeyDown 属性,并在用户点击空格键时阻止该操作,这样就不会选择任何内容。

<Select
ref={r => (this.selectRef = r)}
className="basic-single"
classNamePrefix="select"
onInputChange={val => {
this.setState({ inputValue: val });
}}
onKeyDown={e => {
if (e.keyCode === 32 && !this.selectRef.state.inputValue) e.preventDefault();
}}
inputValue={this.state.inputValue}
options={[
{ value: "aaa", label: "aaa bbb" },
{ value: "bbb", label: "bbb ccc" }
]}
name="color"
/>

直播example here .

关于javascript - 在空格键上 react 选择 v2 选择第一个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53396697/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com