react.dev/cookbook/cb-08-controlled-input-null-value.md

id	title	layout	permalink	prev	next
controlled-input-null-value	Value of null for controlled input	cookbook	controlled-input-null-value.html	children-prop-type.html	componentWillReceiveProps-not-triggered-after-mounting.html

Problem

You specified a value parameter for your form input, but the input value can still be modified, contrary to what you'd expect.

Solution

You might have accidentally set value to undefined or null. The snippet below shows this phenomenon; after a second, the text becomes editable.

/** @jsx React.DOM */

React.renderComponent(<input value="hi" />, mountNode);

setTimeout(function() {
  React.renderComponent(<input value={null} />, mountNode);
}, 2000);