React useState 修改值之后，如何获取到最新的值

[17681880207]

页面上有一个 radio group，点击 radio 按钮之后，重新获取 table 数据。 在 setModule 之后，需要立马重新获取表格数据，但是发现 module 值是老的。

let [module, setModule] = useState('1')

const changeModule = (e) => {
  setModule(e.target.value)
  getTableData （）
  console.log('module :', module) // 此时，发现 module 的值是老的
}

const getTableData = async () => {
  const params = {}
  Object.assign(params, {
    moduleId: module
  })
  // 此时的 moduleId 发现是老的值，而不是新点击的值
  const r = await axios.get('/get-table-data', params)
}

<Radio.Group 
  options={[
    {label: 'option1', value: '1'}, 
    {label: 'option2', value: '2'},
    {label: 'option3', value: '3'},
    {label: 'option4', value: '4'}
  ]}
  value={module} 
  onChange={changeModule}/>

各位大神，应该如何处理？

[coolcoffee]

@flybluewolf useReducer 操作异步方便吗？

[guoliim]

setState 是 批处理
还是 要再看一下 官方文档吧

[dengshen]

嗯！千人千面。我用 vue/doge

[DOLLOR]

把 getTableData 拎到组件外面，以参数形式把 module 传给 getTableData，并以返回值把请求的数据传回组件。