[react] 在使用react过程中你都踩过哪些坑？你是怎么填坑的？

  • 组件不像Vue一样有(beforeRouteLeave, beforeRouteEnter)路由守卫
  • Hooks中的闭包渲染问题
import { useState } from 'react';

const Demo = () => {
    const [count, setCount] = useState(0);
    const onAdd = () => {
        setTimeout(() => {
            // setCount(count + 1);
            // 解决方案：使用回调的形式，这样setXXX必须强制依赖上一次的求值
            setCount(prevCount => prevCount + 1);
        }, 1000);
    };
    return <>
        <h2>{count}</h2>
        <button onClick={onAdd}>ADD</button>
    </>
}
export default Demo;

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论













主目录

与歌谣一起通关前端面试题