/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 vote366 views1 answer
React overflow scroll
Javascript React
0 vote373 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote360 views2 answers
React generate component command
Javascript React
1 vote374 views1 answer
React native get numeric random string length of 5 characters
Javascript React
0 vote317 views2 answers
Datepicker react native
Javascript React
3 votes368 views2 answers
React focus
Javascript React
1 vote342 views4 answers
Passing data in route react
Javascript React
1 vote367 views1 answer
Reconciliation in react
Javascript React
0 vote366 views1 answer
Namespace react has no export member FC
Javascript React
0 vote367 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React