Как настроить автозаполнение имени пользователя в reactjs?

Question

У меня есть кусок кода, который, на мой взгляд, не установит автозаполнение для имени пользователя. По какой-то причине он будет автоматически заполнять пароль. Я надеюсь, что кто-то узнает короткое простое решение. Я знаю, что есть, но я попробовал «имя пользователя» и «адрес электронной почты» для поля, и ничего не выскакивает. Поле "admin@dw.com" (составленное письмо для тестирования) не заполнит поле электронной почты ... Заранее спасибо! Я приложил короткий код и изображение ниже:

<Input
          type="email"
          id="email"
          autocomplete
          value={Email}
          onChange={(text) => setEmail(text.target.value)}
          placeholder="Ex: JohnSmith@gmail.com"
        />

Answer 1

есть два решения:

1) избавиться от значения в вводе и использовать заполнитель или

2) закомментировать заполнитель и использовать js

var input = document.getElementsByTagName('input');
//input[0].value ="john@abc.com";

<Input
          type="email"
          id="email"    
          
          placeholder="johny@anc.com"
              
        />