Lets say I have a serverless website. MyWebSite.com
If a user types MyWebSite.com/randomString
How can I capture this extra random information.
The Goal is to Dynamically Display Content based on users Random Url Search
-
you want like youtube search right?akhtarvahid– akhtarvahid2019-11-26 05:26:42 +00:00Commented Nov 26, 2019 at 5:26
-
Sure basically I want to setState a variable based on that randomStringazuldev– azuldev2019-11-26 05:29:20 +00:00Commented Nov 26, 2019 at 5:29
Add a comment
|
2 Answers
Try to use react-router-dom instead of react-router
Ok hopefully your route is like <Route path="/:id" component={Search} />, in this case you can get the randomString like follows
in functional component:
props.match.params.id
or in class component:
this.props.match.params.id
1 Comment
azuldev
I'm going to try this, instead of the answer I posted, because with my method App component has to mount first and then you have to change a state variable and then you have to call on a component to mount. Seems like with react-router-dom the component renders based on the URL path automatically.
After Reading the previous question I found this to works just fine.
componentDidMount() {
console.log(window.location.href);
}