为什么我们要避免在React中的“对象”道具

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《为什么我们要避免在React中的“对象”道具》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

摘要

• 在React中，将对象作为props传递会导致不必要的重新渲染（可以使用useMemo避免）。
• 尽可能直接传递原始值作为props。
• 将props过多的组件拆分成更小的组件，遵循单一职责原则。

React如何检测props变化

React使用“浅比较”来检测props和state的变化，具体使用Object.is()进行比较。 因此，即使两个对象看起来相同，但由于它们在内存中是不同的引用，Object.is()也会返回false，导致重新渲染：

const Parent = () => {
  const user = { name: "Lee", age: 30 };
  return (
    <>
      
      
    
  );
};

到这里，我们也就讲完了《为什么我们要避免在React中的“对象”道具》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！