在React中,如何修复每次都被一次按键关闭的事件处理程序onChange?

时间:2018-11-16 09:59:58

标签: javascript reactjs

class InputBox extends React.Component {     
    getInput= (event) => {
        this.setState({
            input: event.target.value,
        })
        console.log('this.setState.input: ', this.state.input);  
    }      

    render() {
        return ( 
            <div>
                <input type="text" onChange={this.getInput}/>
            </div>
        );   
    } 
}

ReactDOM.render(
    <InputBox />,
    document.getElementById('container')
);

由于某种原因,如果我在输入框中仅输入一个字符,则this.setState.input为null,event.target.value为null。如果我输入aa,则两个都将被注册。似乎event.target.value始终是一次性的。我该怎么解决?

我也看到了其他类似的问题; onKeyUp对此不起作用。

0 个答案:

没有答案