如何专注于第一个输入字段 - redux-form

Question

我正在尝试以任何形式设置第一个输入字段以进行聚焦。 那么，实现这样的事情的最佳做法是什么？ 我怎么能检查字段的类型？ 是文本，数字，复选框等？

是通过听@redux-form动作，然后发出焦点动作？

任何人都可以提出解决方案吗？

Answer 1

使用此方法，您可以每次配置autoFocus 。

<Field component={renderFirstInput} autoFocus={true/false} />

const renderFirstInput = ({ autoFocus }) => {
  return ( <input autoFocus={autoFocus} /> )

}

Answer 2

我认为对于redux-form （v6 +），当前的技术状态是为你想要自动聚焦的<input />提供autoFocus属性。

例：

<Field component={renderFirstInput} type="text" />

const renderFirstInput = field => {
  return ( <input {...field.input} autoFocus /> )

}

这是Github问题链接

您当然可以将autoFocus prop作为field.input键提供。

Answer 3

在React文档中有一个很好的例子： https ： //facebook.github.io/react/docs/refs-and-the-dom.html

Answer 4

如果你想使用无状态功能组件，refs对你没有好处。 我的解决方案是将第一个= {true}道具传递给Field并在组件内部检查它。 它存在然后在输入字段上设置autoFocus。