Question

如何指定组件应该在任何其他组件之前完全呈现？

我想指定<Footer />，并且应该在任何其他组件之前呈现页脚的所有子组件。我想要这个的原因是因为我的代码依赖于页脚呈现的html，这意味着如果<Footer />不呈现，则其他组件中对undefined的引用为<Footer />第一

以下是一个例子：

export default class Layout extends React.Component {
    ...
    render(){
        return (
            <Body />
            <Footer /> //Render first
        );
    }
}

Answer 1

我认为你这样做的唯一方法就是：

获取有关状态中页脚的呈现状态的信息。（让我们假设你的名字为isFooterRendered，它是一个布尔值）

您在初始状态下将isFooterRendered设置为false。

您只在isFooterRendered为true
时呈现子组件
在componentDidMount 中，您将引用页脚，将isFooterRendered设置为true。

（有些人声称setState componentDidMount对for不好，但在您的情况下看起来像一个合法的用例，除了React Docs公开similar example）

Reactjs在其他组件之前呈现组件

1 个答案: