父 React 组件的函数可以有一个新的 React 组件吗

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

阿拉伯数字。所有 React 视图都是单独生成的(在父 ReactClass 之外(，并在渲染时添加到父级。

如果我错了，请纠正我。

Answer 1

你是

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