/Javascript/React/React route send informaion in url

React route send informaion in url

// your route setup
<Route path="/category/:catId" component={Category} / >

// your link creation
const newTo = { 
  pathname: "/category/595212758daa6810cbba4104", 
  param1: "Par1" 
};
// link to the "location"
// see (https://reacttraining.com/react-router/web/api/location)
<Link to={newTo}> </Link>

// In your Category Component, you can access the data like this
this.props.match.params.catId // this is 595212758daa6810cbba4104 
this.props.location.param1 // this is Par1

Source: stackoverflow.com

Similar codes

1 vote338 views4 answers
Passing data in route react
Javascript React
0 vote360 views1 answer
React native dynamic style
Javascript React
1 vote367 views1 answer
Spread operator react array
Javascript React
7 votes354 views2 answers
How to import js via script in react
Javascript React
0 vote389 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
3 votes380 views1 answer
How to test on user reaction discord.js
Javascript React
18 votes403 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
8 votes351 views3 answers
Change title react
Javascript React
18 votes369 views4 answers
React for loop in render
Javascript React
0 vote325 views1 answer
Toggle class onscroll hook react
Javascript React