/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

14 votes369 views4 answers
React how to update state array
Javascript React
2 votes373 views2 answers
Discord.js remove reaction
Javascript React
0 vote343 views3 answers
React form validation
Javascript React
0 vote371 views2 answers
React native store sensitive data in redux
Javascript React
0 vote350 views2 answers
React js form radio input using hooks
Javascript React
1 vote349 views1 answer
React map component in
Javascript React
0 vote361 views1 answer
React hooks port requst
Javascript React
0 vote361 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
-1 vote364 views1 answer
Command not found:create-react-app
Javascript React
0 vote380 views1 answer
React tagInput component
Javascript React