React native 在ReactJs中重新呈现标头

我有index.js，代码如下：

<relevant imports>

function Header(){
       return(<HeaderComponent/>);
}

ReactDOM.render(
<div>
    <Router>
        <div>
            <Switch>
                <Route path="/page1" component={page1} />
                <Route path="/page2" component={page2} />
                <Route path="/page3" component={page3} />
                <Route path="/home" component={PortfolioPageComponent} />
                <Route path="/" component={WelcomePage} />
            </Switch>
        </div>
    </Router>
</div>,
    document.getElementById('root')
);
ReactDOM.render(<Header />, document.getElementById('page-header'));

函数头（）{
return（）；
}
ReactDOM.render(
,
document.getElementById（'root'））
);
render（，document.getElementById（'page-header'）；

现在，当我打开我的应用程序时，它会转到

WelcomePage

。在这个组件中，我有授权逻辑。验证完成后，页面将重定向到

PortfolioPageComponent

，但标题组件不会重新加载

---

如何在每次重定向时也重新渲染标头组件？

将标头组件放置在交换机组件之外可使其在每个路由中进行渲染。这样，无论您导航到哪条路线，都将始终渲染交换机外部的组件。这可能包括开关组件前的页眉和开关组件后的页脚。

它会在开关上重新呈现吗？我想根据您所在的页面在页眉上显示一些图标，并且我只想在页眉元素中渲染它。您只需选择您喜欢的内容作为在开关外部渲染的内容。不，它不一定会自动重新加载。要根据您所在的页面包含图标，您可以使用状态作为标题，并且每当状态发生变化时，React会自动重新为组件排序。