当我使用onchange事件更新我的状态时,我有一个延迟字符
这是我的班级
var DivInput = React.createClass({
getInitialState: function() {
return {
content: ''
}
},
onChange: function(e) {
var value = e.target.value
var name = e.target.name
this.setState({
content: value
});
console.log(this.state.content)
this.props.onUpdateState(name, value)
},
render: function() {
return (
<div className="form-group">
<label className="col-md-4 control-label" for="textinput">{this.props.content}</label>
<div className="col-md-4">
<input onChange={this.onChange} name={this.props.name} type={this.props.type} value={this.state.content} className="form-control input-md" />
</div>
</div>
)
}
})
我已经使用getInitialState在''启动了我的状态,并在输入更改时更新它但我有这个问题:
如果我写:“a”
this.state.content = ""
如果我写:“ab”
this.state.content = "a"
输入at =“abc”
this.state.content = "ab"
等...
有人已经解决了这个问题吗?
感谢
答案 0 :(得分:1)
setState()
不会立即改变this.state
,但会创建待处理状态转换。在调用此方法后访问this.state
可能会返回现有值。
详细了解https://facebook.github.io/react/docs/component-api.html