Используете поле ввода с onBlur и значение из блоков состояния ввода в Reactjs JSX?

Я сделал небольшую скрипку, чтобы показать проблему:http://jsfiddle.net/4TpnG/582/ Если у вас есть поле ввода с прикрепленным к нему onBlur и начальное значение из состояния, ввод с клавиатуры блокируется. Когда onChange подключен, он работает правильно. Почему это происходит и как это можно решить? Я ожидал, что он примет символы, которые вы вводите, и обновит состояние onBlur.

var Test = React.createClass({

      getInitialState: function() {
        return {
          value: "hallo"
        };
      },

      render: function() {
          return ( < form >
            < div >
            Onchange: < input type = "text"
            value = {
              this.state.value
            }
            onChange = {
              this.handleChange
            }
            /><br/ >
            Onblur: < input type = "text"
            value = {
              this.state.value
            }
            onBlur = {
              this.handleChange
            }
            />
      </div >
            < /form>
    );
  },
  handleChange: function(e){
      this.setState({value: e.target.value});
  }
});

React.renderComponent(<Test/ > , document.body);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/JSXTransformer.js"></script>

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

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