react设置state如何立即拿到
在React中立即获取更新后的state
React的setState是异步的，无法立即获取更新后的值。以下是几种解决方法：
使用回调函数
setState接受一个回调函数作为第二个参数，该回调会在state更新后执行：
this.setState({ count: this.state.count + 1 }, () => {
console.log(this.state.count); // 更新后的值
});使用函数式更新
当新state依赖旧state时，使用函数式更新确保获取最新值：
this.setState(prevState => {
const newCount = prevState.count + 1;
console.log(newCount); // 可直接获取
return { count: newCount };
});使用useEffect钩子（函数组件）
在函数组件中，useEffect可监听state变化：
const [count, setCount] = useState(0);
useEffect(() => {
console.log(count); // 每次count更新后触发
}, [count]);使用useRef临时存储
需要同步获取值时，可用useRef保存当前值：
const countRef = useRef(0);
const updateCount = () => {
countRef.current += 1;
setCount(countRef.current);
console.log(countRef.current); // 立即获取
};注意事项
- 类组件中也可通过
componentDidUpdate监听state变化 - 直接修改
this.state不会触发渲染，必须通过setState - 批量更新可能导致多次
setState合并为一次执行
