记录useState的变量异步问题

行云777

于 2023-08-21 14:37:10 发布

阅读量344

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.youkuaiyun.com/qq_42652006/article/details/132408048

版权

本文讲述了在React中，为避免useState在异步操作中导致的旧值问题，如何使用useRef存储并同步useState变量的值。作者提供了useRef实例和用法，以确保在方法中始终获取到最新的状态值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录useState的变量异步问题

由于在react中同一个方法下获取useState中设置的值会出现获取旧值的情况,通过官方的建议使用useRef来解决异步的问题

import {useRef} from 'react';
const dataRef = useRef();
const [data,setData] = useState[{}]
useEffect(() => {
     dataRef.current =   data
}, [data])

使用的话直接

dataRef.current.map((item) => {...})