How to get the current url within a React / Gatsby Class Component

Question

I have used the following to get the url within a function component.

const Header = () => {
  const url = typeof window !== 'undefined' ? window.location.href : '';

But I am looking to do the same for a class component so i can use Ternary.

Any idea how this can be done? I am struggling to find details outside of a functional component.

you can use pathname inside the location prop – Ankan Bag Nov 05 '21 at 14:11 — Ankan Bag, Nov 05 '21 at 14:11

score 0 · Answer 1 · answered Nov 05 '21 at 14:26

0

Thanks @jonrsharpe I was overcomplicating the issue.

I have done what I need with the following:

render() {
    const url = typeof window !== 'undefined' ? window.location.href : '';

    return ( ...

Thank's for your pointers

answered Nov 05 '21 at 14:26

mrpbennett

1 Answers1