【问题标题】:Set autocomplete off for Formik field为 Formik 字段设置自动完成功能
【发布时间】:2020-10-07 10:06:09
【问题描述】:

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

有什么想法吗?

【问题讨论】:

  • 为此使用children
  • @ShubhamVerma 是在儿童中设置该属性的一种方式吗?

标签: javascript html reactjs input formik


【解决方案1】:

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

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

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

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

【讨论】:

  • 您正在传递Input 可能写错的组件。我没有使用component
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-09-13
  • 1970-01-01
  • 1970-01-01
  • 2021-06-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多