React>如何通过使用react-table添加新行后将焦点设置在输入字段上

Question

我决定使用react-table构建网格。

具有更好的UI的一件事，就是我想在单击添加新按钮后专注于新项的输入字段。

我打算使用ref，但不知道如何将fowardRef应用于子项

这是我使用react-table的示例：

https://codesandbox.io/s/beautiful-proskuriakova-lpfxn

在这种情况下，我想在添加新行之后将重点放在字段First Name上。

UPDATED：通过使用本机HTML的autoFocus支持，我可以专注于输入。

答案here

但是我仍然想通过使用React Ref处理焦点>

我决定使用react-table建立网格。拥有更好的UI只是一件事，那就是我想在单击添加新按钮后专注于新项的输入字段。我打算使用ref ...

Answer 1

您正在尝试在功能组件上应用forwardRef()，React文档说