React pros比较机制

React pros比较机制_第1张图片

将 count1作为prop传递给Memoson组件

在这里插入图片描述

引用类型情况

React pros比较机制_第2张图片
虽然list值没有发生变化,但是仍旧重新渲染

在这里插入图片描述

解决方法使用useMemo()函数,传递一个空依赖项


  // 传递数据为引用类型 比较的是引用 
  // 使用useMemo函数改写、
  const list = useMemo(()=>{
    return [1,2,3]
  },[])

你可能感兴趣的:(react.js,前端,前端框架)