Отключить автозаполнение для поля Formik

#javascript #html #reactjs #input #formik

#javascript #HTML #reactjs #ввод #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"
/>

Есть идеи?

Ответ №1:

Решение: camelCase.

Вместо autocomplete='off' этого используйте autoComplete='off' .

Ответ №2:

Я не уверен, где вы ошибаетесь. Вы можете просто сделать это:

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

Согласно документу, если вы ничего не передадите, он будет обрабатываться как ввод

Вот demo:https://codesandbox.io/s/happy-khayyam-9mdll?file=/index.js

Ответ №3:

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