父能够反应组件的功能有一个新的阵营组件

Question

我碰到一个使用render方法如下面

var Parent = React.createClass({ 
     render: function() { 

      var Child1 = React.createClass({ 
       render: function() { 
        return <SomeView/> //Child1 View 
       } 
      }) 

      var Child2 = React.createClass({ 
       render: function() { 
        return <SomeOtherView/> //Child2 View 
       } 
      }) 

      return( // Parent View with Child1 and Child2 
       <View> 
        <Child1/> 
        <Child2/> 
       </View> 

     ) 
     } 
}) 

他们是否参与了任何性能问题应用程序来了，直到这个时候，我就在想渲染应尽可能轻和

1。所有的逻辑进入ComponentWillMount和ComponentDidMount 2。所有的React视图都是独立生成的（在父ReactClass之外）并添加到Render的父级上。

如果我错了，请纠正我。

Answer 1

你说得对，在渲染中不应该发生任何逻辑，它应该尽可能纯粹。这是在每个渲染器上创建Child1和Child2，这将影响性能。通常情况下，您可以将这些文件放在单独的文件中，然后将它们导入父级以供使用