Используете поле ввода с 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>