为Formik字段关闭自动完成功能。

Question

为了关闭简单输入框的自动填充功能，必须这样做：<input type="text" autocomplete="off"> 在这种情况下，有一个Formik Field，输入框看起来像这样：

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

看起来在这种情况下添加autocomplete="off"并不起作用：

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

有什么想法吗？

- Leo Messi

---

use children for that - Shubham Verma

@ShubhamVerma 这是在子元素中设置该属性的方法吗？ - Leo Messi

Answer 1

解决方案：小驼峰命名法（camelCase）。

不要使用autocomplete='off'，而是使用autoComplete='off'。

- react user

Answer 2

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

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

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

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

- Shubham Verma

---

你正在传递 Input 组件，但可能写错了。我在不使用 component 的情况下使用它。 - Shubham Verma

Answer 3

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

- ananda singh

---

你还应该添加一些答案的解释。 - Sunderam Dubey

Answer 4

在Formik中添加enableReinitialize，这对我很有效。

- Manish Patil