Почему вызов метода реагирования setState не изменяет состояние немедленно?
я читаюформы разделreactjs документация и просто попробовал этот код, чтобы продемонстрировать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
Перезвоните?