set_state 嵌套写法有没有问题？

[realJamespond]

切 tab 时想做一个表单验证，antd 的表单验证是异步的，不想用一个 ref 保留之前的 activeKey ，就想到这种写法，不知是否可行，目前看 OK

        <Tabs type="card" activeKey={activeKey} onChange={(key: string) => {
          set_activeKey(prev=>{ 
            if (prev === '1') {
              form.validateFields().then(()=>{
                console.debug('validateFields ok')
                set_activeKey(key as Key)
              })
              console.debug('return prev')
              return prev
            } else {
              return key as Key
            } 
          })
        }}>

[yandif]

是可以的，form.validateFields() 是一个异步，不会阻塞 return prev;

所以是先执行了外层的 set_activeKey 。然后等表单校验完成，如果表单验证通过，执行 .then 中的函数。切换 tab 页。

控制台应该先打印 "return prev"， 然后验证通过打印 "validateFields ok"

不过我没看懂 ”不想用一个 ref 保留之前的 activeKey “ 是啥意思？

不能直接用 activeKey 吗？

```tsx
<Tabs
type="card"
activeKey={activeKey}
onChange={(key: string) => {
if (activeKey === "1") {
form.validateFields().then(() => {
console.debug("validateFields ok");
set_activeKey(key as Key);
});
} else {
set_activeKey(key as Key);
}
}}
></Tabs>
```

[realJamespond]

感谢回复，===不想用一个 ref 保留之前的 activeKey=== 就是每次更改 activeKey 时就 ref 保存之前的 activeKey ，这样就不用嵌套了，就是写成 if (activeKeyRef.current === "1") {...这样