启用 redux-form 并将焦点设置为字段

Question

默认情况下我禁用了表单字段，当用户单击按钮 Edit 时，它将启用该字段。我也想专注于领域，但我不知道如何。我已经为该字段创建了 ref 并在其上尝试了一些 focus() 函数，但它没有用。您可以在 sandbox.

上尝试

Answer 1

1. 您必须将 ref 分配给输入元素而不是 Field 组件
2. 添加回调以在您的父组件中设置子组件输入的引用
3. 按下编辑按钮时使用引用来聚焦输入：

https://codesandbox.io/s/rlx390xn6m

Answer 2

只是 HTML 的 autofocus 要好得多： https://davidwalsh.name/autofocus

• 在与 camelcase 的反应中使用：autoFocus