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

Question

要关闭简单输入的自动完成功能，必须这样做：<input type="text" autocomplete="off">

在这种情况下，有一个 Formik Field 并且输入如下所示：

<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"
        />
    }
/>

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

Set autocomplete off for Formik field

html

javascript

input

reactjs

formik