Поле избыточной формы не может отключить автозаполнение

Question

Я хочу отключить автозаполнение браузера в поле ввода в компоненте Field из избыточной формы, но никогда не работает. Мой код выглядит следующим образом.

import { Field, reduxForm } from 'redux-form/immutable';
import { TextField } from 'redux-form-material-ui';

<Field
  name="username"
  component={TextField}
  placeholder="Username"
  label="Username"
  InputProps={{ autoComplete: 'off' }} // this never works even though in the DOM's element, the attribute autocomplete="off" has already been exist
  required
  validate={[required]}
  className={classes.field}
/>

Что здесь не так?

Answer 1

Фактическое автозаполнение применяется к основному входу c, указанному параметром component. Если значение autoComplete prop для component решит эту проблему для вас.

<Field
  component={(props) => (
    <TextField  
      ...
      inputProps={{ 
        ...props.inputProps, 
        autoComplete: 'no-autocomplete' 
      }}
    />
  )}
/>