React Router - get URL params outside of page component (inside of layout footer)

Question

I'm writing an app using React and trying to make a dynamic footer - I have a URL there that varies between pages

Is there any way to get URL params outside of page component somehow without copying footer to each page?

Answer 1

Are you using React Router? React Router v4+ contains a url query param.

const params = new URLSearchParams(this.props.location.search);
const foo = params.get('foo'); // bar

You can alternatively use window.location.hash