¿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>