/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

0 vote110 views1 answer
Javascript slider get value react
Javascript React
0 vote67 views1 answer
Create react app ssl
Javascript React
19 votes114 views6 answers
React native build android apk
Javascript React
35 votes120 views6 answers
Create react app with tailwind
Javascript React
2 votes148 views1 answer
Dot env react native
Javascript React
0 vote117 views2 answers
React display base64 image
Javascript React
0 vote118 views1 answer
CChartpie react
Javascript React
0 vote124 views1 answer
How react work
Javascript React
1 vote124 views2 answers
React chartjs 2
Javascript React
0 vote181 views1 answer
React flip move
Javascript React