/Javascript/React/Sending props via navigate() of react router v6

Sending props via navigate() of react router v6

import {Link, useNavigate} from 'react-router-dom';

function ComponentA(props) {

  const navigate = useNavigate();

  const toComponentB=()=>{
navigate('/componentB',{state:{id:1,name:'sabaoon'}});
  }

  return (
   <>
<div> <a onClick={()=>{toComponentB()}}>Component B<a/></div>
</>
  );


}


export default ComponentA;

Source: stackoverflow.com

Sending props via navigate() of react router v6

import {useLocation} from 'react-router-dom';

 function ComponentB() {

    const location = useLocation();
   
        return (

            <>
               
<div>{location.state.name}</div>

            </>
        )
    }

export default ComponentB;

Source: stackoverflow.com

Similar codes

1 vote304 views1 answer
React conditional array item
Javascript React
0 vote287 views1 answer
How to add carsoul to react project
Javascript React
0 vote299 views1 answer
React testing library for hooks
Javascript React
0 vote293 views1 answer
Using redux on react extension
Javascript React
1 vote287 views1 answer
Image source not working react
Javascript React
-1 vote287 views2 answers
Email validation in react js
Javascript React
40 votes297 views4 answers
On click copy to clipboard react
Javascript React
16 votes309 views3 answers
Start react native
Javascript React
0 vote322 views1 answer
React-native-redux login example github
Javascript React
1 vote318 views1 answer
Get image url in react input file or preview form image
Javascript React