用户交互无效,因为
<input>with
value道具被认为是 受控的
。这意味着显示值完全由
render功能控制。因此,要实际更新输入值,您应该使用
onChange事件。例:
getInitialState: function() { return {value: 3};},handleChange: function(event) { this.setState({value: event.target.value});},render: function() { return ( <input id="typeinp" type="range" min="0" max="5" value={this.state.value} onChange={this.handleChange} step="1"/> );}您也可以使用
defaultValue代替
value。在这种情况下,
<input>被认为是 不受控制的
,任何用户交互都将立即由元素本身反映出来,而无需调用
render组件的功能。
官方文档中的更多内容



