Posted at

[React] Warning: `value` prop on `input` should not be null.

More than 1 year has passed since last update.


Webコンソールで警告がでた


Warning: value prop on input should not be null. Consider using the empty string to clear the component or undefined for uncontrolled components.


<input className="form-control"

type="text"
name="name"
value={this.state.company.name}
onChange={this.onChangeValue}

原因は上記フォームの this.state.company.nameundefined になっていた点

つまり、value属性に 'undefinded' を入れるなということ。

  getInitialState: function() {

return {
company: {
name: ''
}
}
}

getInitialState で初期値で ''(空文字)を入れて、value属性に undefined が入らないようにした。