/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

11 votes168 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
0 vote166 views1 answer
Sort by string react
Javascript React
4 votes148 views1 answer
Pass parameter to handleclick react
Javascript React
34 votes172 views3 answers
React-router
Javascript React
0 vote156 views1 answer
React-bootstrap problem-install new version
Javascript React
0 vote178 views1 answer
How to write sepearet styles in single line in react native
Javascript React
2 votes173 views2 answers
Text number of lines react native
Javascript React
1 vote178 views1 answer
React map component in
Javascript React
0 vote201 views1 answer
React handling event
Javascript React
0 vote165 views2 answers
Editable pre input react
Javascript React