Wie kann ich die Vorschläge zur automatischen Vervollständigung für E-Mail- und Passwortfelder in einem React-Formular v ⇐ HTML

[Anonymous]

Ich arbeite an einer React-Anwendung und versuche, die Vorschläge zur automatischen Vervollständigung für die E-Mail- und Passwort-Eingabefelder vollständig zu deaktivieren. Obwohl ich mehrere Ansätze ausprobiert habe, zeigt der Browser (insbesondere Chrome) weiterhin Vorschläge für diese Felder an.
Das habe ich bisher versucht:
1 -Hinzufügen von autoComplete="off" zu den Eingabefeldern.
2-Hinzufügen versteckter Felder vor den eigentlichen Eingabefeldern, um den Browser auszutricksen:

Code: Select all

 handleEmailChange(e.target.value)}
autoComplete="off"
name="emailField"
/>

 handlePasswordChange(e.target.value)}
autoComplete="off"
name="passwordField"
/>

3 – Verwendung zufälliger Namen für die Eingabefelder, wie z. B. Fake-E-Mail-Feld und Fake-Passwort-Feld.
4 – Testen mit verschiedene autoComplete-Werte, wie „new-email“ oder „new-password“.
5- Hinzufügen eines useEffect-Hooks, um autoComplete="off" manuell mit JavaScript zu setzen, nachdem die Komponente gemountet wurde< /p>
Trotz alledem zeigt der Browser immer noch Vorschläge für diese Felder an.