How do you set default value for uncontrolled component?

In React, the value attribute on form elements will override the value in the DOM. With an uncontrolled component, you might want React to specify the initial value, but leave subsequent updates uncontrolled. To handle this case, you can specify a defaultValue attribute instead of value.

render() {
return (
<form onSubmit={this.handleSubmit}>
User Name:
ref={this.input} />
<input type="submit" value="Submit" />

The same applies for select and textArea inputs. But you need to use defaultChecked for checkbox and radio inputs.

Made in India with ❤️ by Rajesh Kumar Yadav