![](/img/trans.png)
[英]Delay parent component render till all the child components render reactjs
[英]Reactjs render component before other components
如何指定一个组件应绝对呈现在任何其他组件之前?
我想指定<Footer />
和<Footer />
所有子组件应在任何其他组件之前呈现。 我想要这个的原因是因为我有依赖于页脚要呈现的html的代码,这意味着如果<Footer />
不首先呈现,则在其他组件中undefined
对<Footer />
的引用。
这是一个例子:
export default class Layout extends React.Component {
...
render(){
return (
<Body />
<Footer /> //Render first
);
}
}
我为您看到的唯一方法是:
isFooterRendered
,它是一个布尔值) isFooterRendered
设置为false
。 isFooterRendered
为true
时才渲染子组件 componentDidMount
您将引用Footer ,将isFooterRendered
设置为true。 (有人声称在componentDidMount
上设置setState
是不好的,但是在您的情况下,这看起来像是一个合法的用例,除了React Docs公开了一个类似的示例 )
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.