Want to set a value for textfield from material-ui in ReactJS? Use the below example to set a value for textfield from material-ui.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | export default class MyCustomeField extends React.Component { constructor(props) { super(props); this.state = { value: 'Enter text', }; } handleChange = (event) => { this.setState({ value: event.target.value, }); }; handleClick = () => { this.setState({ value:'', }); }; render() { return ( <div> <TextField value={this.state.value} onChange={this.handleChange} /> <button onClick={this.handleClick}>Reset Text</button> </div> ); } } |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.