使用 OnChange 事件更新状态具有延迟字符

update state with onchange event have a delay character

本文关键字：延迟 字符 状态 OnChange 事件 更新 使用      更新时间：2023-09-26

当我使用 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"

对于输入 = "ABC"

this.state.content = "ab"

等。。。

有人已经解决了这个问题？

谢谢

setState()不会

立即发生变异this.state，而是创建一个挂起的状态转换。调用此方法后访问this.state可能会返回现有值。

查看更多相关信息 https://facebook.github.io/react/docs/component-api.html

相关文章：