為什么調用ReactisesetState方法不立即改變狀態?我在讀表格.段反應Js文檔,并嘗試使用此代碼演示onChange使用(JSBIN).var React= require('react');var ControlledForm= React.createClass({
getInitialState: function() {
return {
value: "initial value"
};
},
handleChange: function(event) {
console.log(this.state.value);
this.setState({value: event.target.value});
console.log(this.state.value);
},
render: function() {
return (
<input type="text" value={this.state.value} onChange={this.handleChange}/>
);
}});React.render(
<ControlledForm/>,
document.getElementById('mount'));當我更新<input/>值在瀏覽器中,第二個console.log內部handleChange回調打印相同value作為第一個console.log為什么我看不到this.setState({value: event.target.value})在.范圍內handleChange回調?
為什么調用ReactisesetState方法不立即改變狀態?
狐的傳說
2019-06-25 16:54:01