无法将焦点放在Primereact中的Dropdown组件上

Question

我正在尝试着重于底漆的“ Dropdown”组件，但是重点不在“ Dropdown”组件上。

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

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

Answer 1

可以使用DOM querySelector()方法以编程方式设置PrimeReact Dropdown上的焦点。例如：

• 将id添加到您的Dropdown

   <Dropdown id="dropdown" ... />
  
   <Button onClick={onButtonClick} label="Set the focus" />
  

• 在onButtonClick函数中，使用querySelector方法查找并关注input的{​​{1}}元素

  Dropdown