React路由器路径不同的组件

Question

如果我们有路径示例，如果路径是example2和footer，我们如何设置footerNew？我们如何改变不同路径的组件。我知道这可以通过路径混合完成，但已被弃用

Answer 1

您的路线之间唯一的区别是路径名。所以：

<div className="...">
    {props.context.router.getCurrentPathname() === '/example' ? <Footer /> : </FooterNew />}
</div>