Put length constraint in a TextField in react js

Question

You can set the maxLength property for limiting the text in text box.

Instead of onChange method you can pass maxLength to the inputProps (lowercase i, not InputProps) props of material-ui TextField.

<TextField
    required
    id="required"
    label="Required"
    defaultValue="Hello World"
    inputProps={{ maxLength: 12 }}
/>

Basically we can edit all input element’s native attrs via inputProps object.

Link to TextField Api