material-ui

Material UI TextField について備忘録

TextField で Chrome の オートコンプリートをOFFにするには、

autoComplete='off'

readOnly にするには、

inputprops={{
  readOnly: true,
}}

disabled プロパティはドキュメントにもあるのですが、こんな指定もできるようです。

inputprops={{
  readOnly: Boolean(readOnly),
  disabled: Boolean(readOnly),
}}

こんな感じです。

<TextField
  value={this.state.value}
  inputprops={{
    readOnly: true,
  }}
  autoComplete='off'
  required
  fullWidth={true}
  label="Name"
  name="name"
  margin="normal"
  defaultValue={"test"}
/>