当两个子组件相同且父组件在条件上不同时如何反应渲染答案

【问题标题】：How react render when both child components are same and parent component differs on condition当两个子组件相同且父组件在条件上不同时如何反应渲染
【发布时间】：2020-11-16 11:25:38
【问题描述】：

我想知道当子组件的 on 在不同的父组件上相同时，react 将如何渲染组件？

让我们说

render(){
  someFlag ? <div><MyComponent {...someprops} /></div> : <span><MyComponent {...someprops} /></span>
}

我认为 react 很多会引用 MyComponent 并使用不同的 props 提供相同的引用，因为它比创建组件的新实例更有效，请指导我如何在创建新组件时呈现这些更改实例作为父组件不同或我的想法是正确的？，我还是比较新的反应

【问题讨论】：

标签： javascript reactjs react-native redux react-redux

【解决方案1】：

这将导致性能问题。由于父元素在条件更改时从div 更改为span，反之亦然，React 将重建底层组件，即MyComponent。

您可以阅读更多here。

【讨论】：