在Formik表单的输入字段中设置autoFocus,可以通过在对应的input元素上添加autoFocus属性来实现。autoFocus属性是HTML5的一个属性,用于指定页面加载时自动获取焦点的元素。
以下是一个示例代码:
import { Formik, Field, Form } from 'formik';
const MyForm = () => {
return (
<Formik
initialValues={{ name: '' }}
onSubmit={(values) => {
// 处理表单提交逻辑
}}
>
<Form>
<Field
type="text"
name="name"
autoFocus // 设置autoFocus属性
/>
<button type="submit">提交</button>
</Form>
</Formik>
);
};
export default MyForm;
在上述代码中,我们使用了Formik库来创建表单,并使用Field组件来定义输入字段。在Field组件中,我们将autoFocus属性设置为true,以使该输入字段在页面加载时自动获取焦点。
腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅为示例,具体产品选择应根据实际需求进行评估和选择。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云