启用redux表单并将焦点设置为field

时间:2018-07-10 14:05:55

标签: javascript reactjs redux-form

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

2 个答案:

答案 0 :(得分:2)

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

https://codesandbox.io/s/rlx390xn6m

答案 1 :(得分:0)

仅HTML的autofocus更好: https://davidwalsh.name/autofocus

  • 在与骆驼案互动使用时:autoFocus