Почему вызов метода реагирования 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 Перезвоните?

Ответы на вопрос(5)

Ваш ответ на вопрос