Question

我遇到了一个使用渲染方法的应用程序，如下面的

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视图都是单独生成的（在Parent ReactClass之外）并在Render上添加到Parent。

如果我错了，请纠正我。

Answer 1

你是对的，渲染中不应该发生任何逻辑，它应该尽可能纯净。这样做是在每个渲染上创建Child1和Child2，这将影响性能。通常，您可以将它们放在单独的文件中，然后将它们导入Parent中以供使用。

Parent React Component的功能是否可以使用新的React组件

1 个答案: