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是异步操作

如果觉得《react input Onchange事件不能立刻拿到值 只能拿到上次输入的值》对你有帮助，请点赞、收藏，并留下你的观点哦！