父能够反应组件的功能有一个新的阵营组件
问题描述:
我碰到一个使用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的父级上。
如果我错了,请纠正我。
答
你说得对,在渲染中不应该发生任何逻辑,它应该尽可能纯粹。这是在每个渲染器上创建Child1
和Child2
,这将影响性能。通常情况下,您可以将这些文件放在单独的文件中,然后将它们导入父级以供使用