React не отображает автозаполнение

Как заставить реагировать сделать это?

<input
    id={field.name}
    className="form-control"
    type="text"
    placeholder={field.name}
    autocomplete="off"
    {...field}/>

Ответы на вопрос(6)

Вы должны поставить:

autoComplete="new-password"

Это удалит автозаполнение

 Ajay Gupta05 янв. 2019 г., 18:44
@ Пим имеет смысл. Спасибо!
 Pim04 янв. 2019 г., 16:16
 Ajay Gupta17 июн. 2018 г., 12:22
Я действительно не понимаю, почему это работает вместо "выключено". Weird.

Если вы используете рекомендуемый способ с «changeHandler ()» и состоянием компонентов, просто вставьте:

changeHandler = (e) => {    
  if (!e.isTrusted) return;
  ... your code
}

Больше информации об этом changeHandler () - вещь:
https://reactjs.org/docs/forms.html#controlled-components

 IvanY26 янв. 2018 г., 10:22
когда Google Chrome автоматически заполняет мой ввод, e.isTrusted имеет значение true: D
 Marcel Ennix26 янв. 2018 г., 17:23
проверил его с хромом 63.0.xxx и он работает

Документация MozillaВы должны установить недопустимое значение, чтобы действительно отключить автозаполнение. В некоторых браузерах предложения автозаполнения по-прежнему выдаются, даже если атрибут отключен.

Это сработало для меня (реакции-бутстрап):

<FormControl
  value={this.state.value}
  autoComplete="nope"
  {...props}
/>
 Alex Ventura02 июл. 2019 г., 20:39
@ Пим Ммм это то же самоеautocomplete а такжеautofill? Потому что у меня не работает Chrome. Он сохраняет автозаполнение формы предыдущими значениями, отправленными с той же формой.
 Chetan Gawai09 мар. 2019 г., 09:45
Иногда это не работает для меня на IE11
 Wylliam Judd31 янв. 2019 г., 23:15
Вау, это странно, но пока это единственное, что сработало для меня.

енно в Chrome), добро пожаловать в клуб ... так что проверьте, как я это сделал:

<form autoComplete="new-password" ... >
        <input name="myInput" type="text" autoComplete="off" id="myInput" placeholder="Search field" />
</form>

Заметки

форма не обязательно должна быть прямым родителем элемента вводавход нуждается в атрибуте имениэто также работает с React-Bootstrap<FormControl/> тег (вместо<input/>)
 user441205405 июн. 2018 г., 02:49
да. Ты можешь попробовать.
 w3jimmy04 июн. 2018 г., 18:52
спасибо за отзыв, но отмечены ли в вашем деле все 3 примечания?
 user441205431 мая 2018 г., 00:49
Не работает Я пытаюсь с Chrome 67. Ничего. Мне все еще нужен фальшивый ввод с отображением: нет! Очень сумасшедший!
 Pim04 янв. 2019 г., 16:09
В некоторых случаях я все еще получал самовнушения с этим. Смотрите мой ответ для более полного решения.
Решение Вопроса

autoComplete, Это упоминается в документации React:

https://facebook.github.io/react/docs/tags-and-attributes.html

 Thanasis Ioannidis16 окт. 2017 г., 09:14
код безопасности в javascript ... хммм ... :)
 Pim04 янв. 2019 г., 16:16
@ w3jimmy Смотрите мой ответ ниже
 Yaroslav29 мая 2016 г., 11:12
Реквизит не может быть ничем для тегов HTML.
 azium29 мая 2016 г., 19:40
Это справедливо, я думаю. Я бы создал вопрос о GitHub реагировать об этом на вашем месте.
 Yaroslav28 мая 2016 г., 23:26
Всегда выбрасывайте исключение, а не просто молча игнорируйте ошибки.
 Yaroslav29 мая 2016 г., 21:32
Мало кто такой фанат безопасности кода, как я.
 yesarpit31 мая 2018 г., 09:25
Вы спасли меня часы разочарования. Спасибо
 azium28 мая 2016 г., 23:35
@ Ярослав Это возможно, React выдает предупреждение за это, если не это будетgithub.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/...
 w3jimmy29 нояб. 2017 г., 17:00
Ни одна из этих работ для меня ... какие-либо другие предложения? Также пробовал с Bootstrap FormControl и такой же ...
 azium28 мая 2016 г., 23:36
Но также это не ошибка, потому что реквизит может быть чем угодно ... как React узнает, когда вы создаете свой собственный реквизит или используете атрибут html?
 Yaroslav29 мая 2016 г., 19:33
Ничто не мешает внутри этого вызова функции проверять реквизиты, если тип тега - HTML-тег. Это просто дополнительная работа, которую никто не хочет делать.
 azium29 мая 2016 г., 17:45
Я понимаю, почему вы думаете, что это так, но помните, что эти теги JSX переносятся в вызовы функций со строкой, представляющей тип тега.

<input> следует положить внутрь<form> тег, затемautoComplete работает

Ваш ответ на вопрос