Usando um campo de entrada com onBlur e um valor da entrada de blocos de estado no Reactjs JSX?
Eu fiz um pequeno violino para mostrar o problema:http://jsfiddle.net/4TpnG/582/ Quando você tem uma caixa de entrada com o onBlur anexado e um valor inicial do estado, a entrada do teclado é bloqueada. Quando o onChange está conectado, ele está funcionando corretamente. Por que isso está acontecendo e como isso pode ser resolvido? Eu esperava que ele aceitasse os caracteres digitados e atualizasse o estado no 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>