充当另一个React组件中的占位符的React门户

时间:2019-05-11 01:09:52

标签: javascript reactjs react-portal

我正在编写具有以下形式的React应用:

<div>
    <header>
        <MainMenu />
        <SubMenu />
    </header>
    <div className="content">
        <Switch>
            <Route
                exact
                path={path1}
                component={Path1Component}
            />
            <Route
                exact
                path={path2}
                component={Path2Component}
            />
            ...
            ...
        </Switch>
    </div>
</div>

我要实现的一项新功能是为每个路由使用不同的<SubMenu />组件。
我想将SubMenu保持在<header>下的位置,但在每个路径组件(Path1Component,Path2Component等)中呈现内容。
我尝试搜索Portal示例,但是我意识到我需要DOM节点才能使用它(我没有)。
正确的方法是什么?

0 个答案:

没有答案