react在setState之后数据没变化(setState同步还是异步)

场景是这样的：
我有一个分页列表的场景，目前在点击页码之后，将这个页码setState，然后调用分页接口，如下：

// 这是antd的分页上的 onChange事件
const onChange = (page, pageSize) => {
        this.setState({current: page, pageSize) })
        getTableData()     // 这是调用的分页接口
}

const getTableData = () => {
   queryAllNewsList({pageNo: this.state.current, pageSize: this.state.pageSize})                  // 分页接口
}

好的，在我点击分页器的页码后，会触发onChange事件，请求接口，出现问题了：
我点击页码2，接口参数是1
我点击页码3，接口参数是2
我再点击页码2，接口参数是3
好的，发现问题了，参数总是慢页码一步，自然想到setState同步异步的问题，在onChange的时候，这个pageNo还没设置上，我的接口已经先行请求成功了，等下一次onChange的时候，上一次的pageNo就生效了。

---

经过查询：setState本身并不是异步，只是因为react的性能优化机制体现为异步。在react的生命周期函数或者作用域下为异步，在原生的环境下为同步。

解决办法：
1，setState提供了一个回调函数：

this.setState({current: page, pageSize) },()=>{
   getTableData()
})

2，使用延时定时器：

setTimeout(()=>{
    this.setState({current: page, pageSize) })
  	getTableData()
},0)

---

大家都是一边崩溃，一边前进的吗

傻der，圣诞快乐