试着理解,如果简单的Reaction组件没有任何props ,它已经被创建为
const x = <div />
是否会在树比较期间以比记忆组件更有效的方式呈现?
const y = React.memo(<div />)
试着理解,如果简单的Reaction组件没有任何props ,它已经被创建为
const x = <div />
是否会在树比较期间以比记忆组件更有效的方式呈现?
const y = React.memo(<div />)
是否会在树比较期间以比记忆组件更有效的方式呈现?
没有一个人能很好地回答这个问题,因为这取决于具体情况.如果一个组件不包含任何繁重的逻辑,那么用memo
包装它是没有意义的,因为用memo
包装会使用内存,并且会稍微降低您的性能.
在您在codesandbox中展示的特定示例中,显然没有必要用memo
来包装您的组件,因为其中没有任何复杂的逻辑.
再说一次--在你的特定情况下,memo
是没有意义的,并且会比没有memo
的组件运行得慢(因为必须使用props 的内置shallow comparison).然而,性能上的差异实际上将是unnoticeable.