React router path different components

Question

How can we set footerNew if path is example2 and footer if we have path example. How can we change component with different path . I know this could have been done with the path mixing but that has been deprecated

Answer 1

The only diff you have between your routes is the pathname. So :

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