react优化常常关注的是组件不必要的刷新,我在新的代码里大量使用useMemo来优化不必要组件刷新,会有很多类似代码:

const Child=props=>{
    //1
    const {person}=props 
    const [state,set]=useState("") //内部状态
    ...
    ...                  
    //2
    return useMemo(()=>{ 
        console.log('Child')
        <div className='panel'>
          ...
          ...
        </div>
    },[person.name,person.age,state])
   
}

这样大量使用会有什么问题,之前并没有注意太多优化,现在感觉写起来速度会变慢,而且useMemo的deps有时候会有多个,会出现漏写的情况,这些优化对于现在的浏览器是不是多余的?是不是应该只关注特殊需要优化的地方比如长列表,其他情况应该不会出现性能问题.

什么时候使用 useMemo 和 useCallback

比起花的时间和代码可读性，这一点点的性能优化显得微不足道，除了性能重灾区之外都不值得去这么搞。