首页 > 解决方案 > 为 Formik 字段设置自动完成功能

问题描述

要为简单的输入设置自动完成功能,必须这样做:<input type="text" autocomplete="off">

在这种情况下,有一个Formik 字段,输入如下所示:

<Field
  className="my-class"
  name="myValues"
  as={Input}
  placeholder="Write something"
/>

在这种情况下,添加autocomplte="off"似乎不起作用:

<Field
  className="my-class"
  name="myValues"
  as={Input}
  placeholder="Write something"
  autocomplete="off"
/>

有任何想法吗?

标签: javascripthtmlreactjsinputformik

解决方案


我不确定你在哪里做错了。你可以简单地这样做:

 <label>
              <Field name="picked" value="One" autocomplete="off" />
              One
            </label>

根据文档,如果您不传递任何内容,它将被视为输入

这是演示:https ://codesandbox.io/s/happy-khayyam-9mdll?file=/index.js


推荐阅读