автозаполнение "на" не работает в форме ReactJs

Question

У меня есть форма ниже в реакции, для которой мне нужно реализовать "autoComplete =" on ", чтобы в следующий раз, если пользователи захотят ввести то же значение, это было предложено как автозаполнение. Ниже мой код

<form className={classes.container} noValidate>
  <Grid container item xs={12} alignItems="center">
    <TextField
      id="outlined-bare"
      className={classes.textField1}
      defaultValue=""
      margin="normal"
      variant="outlined"
      autoComplete="on"
      InputProps={{ style: { height: 40 } }}
      onChange={(e) => handleChange(e, 'Name')}
    />
  </Grid>

Компонент отображается в браузере Chrome. Что здесь не так или нет?

Answer 1

Вот код ниже. Вы можете добавить autoComplete="on" в тег формы.

<form className={classes.container} noValidate  autoComplete="on">
  <Grid container item xs={12} alignItems="center">
    <TextField
      id="outlined-bare"
      className={classes.textField1}
      defaultValue=""
      margin="normal"
      variant="outlined"
      autoComplete="on"
      InputProps={{ style: { height: 40 } }}
      onChange={(e) => handleChange(e, 'Name')}
    />
  </Grid>
</form>