отключение автозаполнения для администратора на отдыхе SimpleForm

Question

Есть ли возможность отключить автозаполнение для компонента AOR SimpleForm?Я пробовал различные комбинации из следующих:

<SimpleForm autoComplete="off">

Но, похоже, ничего не работает.Может ли он быть настроен таким образом или требует создания собственного компонента?Мне это нужно специально для AOR (не реагирует админ).Заранее спасибо за любую помощь.

Answer 1

Я думаю, что вы можете столкнуться с базовым пониманием того, как отключить автозаполнение, так что здесь есть вопрос:

Как работает отключение автозаполнения в HTML?

autocomplete - это HTML attribute для input элементов.Возможные значения: on и off.

Вы можете отключить автозаполнение, используя его следующим образом:

<input type="email" name="email" autocomplete="off">

Как применить это к React?

React всегда предоставлял DOM-ориентированный API для DOM.Поскольку компоненты React часто используют как пользовательские, так и связанные с DOM реквизиты, React использует соглашение camelCase, как и API DOM

Source

Итак, вынеобходимо установить свойство autoComplete в off для этих компонентов, или полей ввода , а не для элемента from вокруг полей ввода.

Пример

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <input name="email" autoComplete='off' />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

В вашем случае компоненты, вероятно, называются TextInput.

Посмотрев на источник , я обнаружил, что AOR использует TextField из material-ui, который принимает autoComplete в качестве свойства.

Так что, если вы либо сдадите input={{ autoComplete: 'off' }} или options={{ autoComplete: 'off' }}, вам следует идти.