父能夠反應組件的功能有一個新的陣營組件

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，這將影響性能。通常情況下，您可以將這些文件放在單獨的文件中，然後將它們導入父級以供使用