为 Formik 字段设置自动完成功能

Question

要为简单的输入设置自动完成功能，必须这样做： <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"
/>

有任何想法吗？

Answer 1

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

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

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

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

Answer 2

<Field
    name="password"
    type="password"
    component={() =>
        <input
            className="form-control"
            type="password"
            autoComplete="new-password"
        />
    }
/>

Answer 3

我使用自己的组件遇到了同样的问题。 简单的解决方案：不要使用 autocomplete='off'，而是使用 autoComplete='off' 和 BANG！