关于 react-hooks 一个可能跟性能有关的疑问

[cl903254852]

最近从 class component 切换到 react hooks 写法.

比如下面这个例子：

function Demo(){
    const [count, setCount] = useState(0);
    
    useEffect(()=>{
    
    },[])
    
    const func_1 = () => { //... }
    const func_2 = () => { //... }
    const func_3 = () => { //... }
    // 这里还有 const 其他变量...
    
    return <div/>
}

我发现，只要状态改变，Demo 这个函数就会重新执行一次， 也就是说定义在 Demo 里的所有变量每次 render 时都会重新定义， 这样不会有性能问题吗？

而且 Demo 这个函数中返回了组件 jsx，它不就是 class component 里的 render 方法吗？ 相当于我这些定义的变量是在 render 方法里定义的？

• 大家在写 react hooks 时，对于这些是怎么处理的？
• 有没有其他会影响性能的地方？

鄙人也是刚入手 react hooks , 望大家指点一二，Thanks♪(･ω･)ﾉ

[royzxq]

合理利用 useMemo useCallback