javascript - 启用 redux-form 并将焦点设置为 field

标签 javascript reactjs redux-form

默认情况下,我禁用了表单字段,当用户单击按钮编辑时,它将启用该字段。我也想把重点放在这个领域,但我不知道怎么做。我已经为该字段创建了 ref 并尝试了一些 focus() 函数,但它没有起作用。您可以在这里尝试 sandbox .

最佳答案

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

https://codesandbox.io/s/rlx390xn6m

关于javascript - 启用 redux-form 并将焦点设置为 field,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51267365/

相关文章:

javascript - 如何验证引导单选按钮

javascript - 在 Angular JS 中从子文档 Controller 分配父文档按钮单击事件

javascript - 使用 ReactJS 动态表中的列总计

node.js - 如何在 React Native 中导入 Node 模块

javascript - react : How to sort data in asc and desc in ReactJS

javascript - 如何从 C# 生成特定于文化的日期模式

javascript - 使用 Sticky-kit 粘贴 div 并在 AngularJS 中的特定点释放它

javascript - 覆盖 redux-form-validators 中的默认消息

reactjs - redux-form 火灾 Action 改变值但不改变输入值

reactjs - withRef 错误已被删除。要访问包装的实例,请在使用 Redux Form 时使用连接组件上的 ref