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

Posted 2021-12-23 前端小歌谣

[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;

个人简介

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

主目录

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