/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

108 votes180 views1 answer
How to start react app in windows
Javascript React
0 vote140 views1 answer
Center child components in react
Javascript React
5 votes158 views2 answers
Splash screen react native
Javascript React
1 vote163 views1 answer
React native tabbed sticky view
Javascript React
0 vote144 views1 answer
Radio button in react native expo
Javascript React
0 vote111 views1 answer
Platform check in react native for status bar color
Javascript React
1 vote139 views1 answer
How prevent copy paste input react
Javascript React
1 vote130 views2 answers
React check internet connection
Javascript React
0 vote150 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote142 views3 answers
Run react native with debugger breakpoint
Javascript React