gpt4 book ai didi

reactjs - 如何将焦点设置在 FormControl - Select 上? ( react )

转载 作者:行者123 更新时间:2023-12-03 13:42:15 27 4
gpt4 key购买 nike

我有material-ui - select并希望以编程方式关注此元素。

<FormControl 
className="select100">
<Select
ref={(formControll) => { this.formControll = formControll; }}
native
value={value}
input={<Input id="integer" />}
>
{possibleOptions.map((item, key) => {
return (<option value={item} key={key}>{item}</option>)
})}
</Select>

我尝试使用ref并编写this.formControll.focus();但 react 告诉我 focus() 不是一个函数。例如,使用按钮,引用就可以工作。

PS:我不需要自动对焦

谢谢

最佳答案

您可以将 Input 传递到 SelectautoFocus 属性中,这将应用于 Select

<Select
native
value={value}
input={<Input id="integer" autoFocus={true} />}
>
{possibleOptions.map((item, key) => {
return (<option value={item} key={key}>{item}</option>)
})}
</Select>

编辑
当我发布答案时,我错过了您不需要autoFocus的部分。

如果您在 Select 中使用输入,则可以使用 inputRef 属性,这会将下划线输入集中“附加”到选择。
Code exampleDocs.

关于reactjs - 如何将焦点设置在 FormControl - Select 上? ( react ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47942598/

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