如何在Formik表单的输入字段上设置autoFocus？

Question

我正在尝试使用React在Formik表单中的输入字段上设置自动焦点。这样做的标准方法是什么？

我的代码如下：

                                         <img src="images/barcode-small.png" alt="Barcode Small" />
                                       </td>
                                       <td>
                                         <Field name="barcode1"
                                                type="text"
                                                className="p-inputtext"
                                                autocomplete="off"
                                                style={{ width: 250 }}/>
                                       </td>

我尝试将autoFocus属性简单地添加到Field中，但这似乎不起作用。 在我的开发工具中，出现以下错误：

如何检查阻碍焦点的内容？ 谢谢

Answer 1

您可以像我一样简单地使用TextInput来执行此操作 只需添加一个属性

<TextInput autoFocus={true} /> 

并查看结果