React函数组件useState异步数据获取延迟，如何优化及时获取？

本文共计1830个文字，预计阅读时间需要8分钟。

目录 + React + useState 异步，数据无法获取到 + 问题 + 解决方法一 + React中useState的使用及注意事项 + 基本使用 + 注意事项 + React + useState 异步，数据无法获取到 + useState(()=> {}) + 属于异步函数，在useState第一次存储时 + ...

目录

• react useState异步,数据不能获取到
• 问题
• 解决方法一
• react中useState的使用及注意事项
• 基本使用
• 注意事项

react useState异步,数据不能获取到

useState() 属于异步函数，在useState() 第一次存储的时候，值会存储不上

因为react中state的更新是异步的，我们setState后，react不会立刻对值进行改变，而是将其暂时放入pedding队列中。react会合并多个state，然后值render一次，所以不要在循环中使用useState，它有可能只render最后一次set值，但是当传入一个函数时，函数就会被放入一个队列中，然后按照顺序执行。