无法在Primereact中的下拉组件上设置焦点

Question

我试图设置专注于“下拉”组件，但焦点不是“下拉”组件。

我使用了中给出的自动对焦属性https://www.primefaces.org/primereact/#/dropdown.然后我尝试使用react ref设置焦点。

https://codesandbox.io/s/dropdownautofocus-jko5d

Answer 1

专注于PrimeReact的Dropdown可以使用DOM querySelector（）方法以编程方式设置。例如：

>

在下拉列表中添加id

 <Dropdown id="dropdown" ... />

 <Button onClick={onButtonClick} label="Set the focus" />

在onButton点击函数中使用querySelector方法查找并关注Dropdown的输入元素

const onButtonClick = () => {
   document.querySelector('#dropdown input').focus();
};