¿Usando un campo de entrada con onBlur y un valor de entrada de bloques de estado en Reactjs JSX?

He hecho un pequeño violín para mostrar el problema:http://jsfiddle.net/4TpnG/582/ Cuando tiene un cuadro de entrada con onBlur adjunto y un valor inicial del estado, la entrada del teclado se bloquea. Cuando onChange está conectado, funciona correctamente. ¿Por qué sucede esto y cómo se puede resolver? Hubiera esperado que acepte los caracteres que escribe y actualice el estado en Blur.

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>

Respuestas a la pregunta(1)

Su respuesta a la pregunta