Setting Default Value

In the React rendering lifecycle, the value attribute on form elements will override the value in the DOM.

But with an uncontrolled component, to handle this case, you can specify a defaultValue attribute instead of value.

For example below, I use defaultValue attribute to set default value of <input> form element:

See the Pen rvgGrm by Bunlong (@Bunlong) on CodePen.

Note:

• <input type="checkbox"> and <input type="radio"> support defaultChecked.
• <select> and <textarea> supports defaultValue.