react input Onchange事件不能立刻拿到值，只能拿到上次输入的值

刚开始学习react 有许多基础的问题，记录一下

<Input className="search-input" type="text" name="search" placeholder="请输入好友姓名/手机号" value={this.state.searchValue} onChange={this.handleChange}/>

handleChange(e){
this.setState({
searchValue: e.target.value
});
console.log(this.state.searchValue)
}

结果：

为什么？？？
react input，并不会立即刷新状态树
setState是异步操作，不能马上拿到state的值，可以在回调中拿到

我点击搜索时，打印出来的时更新的state值就是本次输入的值，如图：


我们可以在setState回调中拿到值


因此react input，并不会立即刷新状态树
setState是异步操作

• 点赞 1
• 收藏
• 分享
• 文章举报