user2465134 user2465134 - 1 month ago 11
React JSX Question

React Router - Read URL

I am trying to implement an invite system. A user will get an email with an invite link:

Basically, I need to pull the orgName out of the URL so I can use it as a variable on the page where they finalize their signup and I need to direct them to the correct page,

My route for this is:

const routes = <Route component={App}>
<Route path="/invite" component={Invite} />

Do I need to do anything different in my routes for when they click the link from their email?

I read that this.props.location.pathname will get me the URL and then I can slice it up from there. Is this the correct way?


this.props.location.query will give you an object whose key/value pairs are the query parameters.

For your example, this.props.location.query would provide you with;

    invitation: 'XXXXXX',
    orgName: 'House of Grue'