/Javascript/React/Can i pass data with usenavigate react router

Can i pass data with usenavigate react router

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

Can i pass data with usenavigate react router

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

2 votes405 views4 answers
Date range picker react
Javascript React
0 vote391 views1 answer
External js doesn't works if revisit the page in react
Javascript React
1 vote316 views1 answer
How to change the value of state in react
Javascript React
0 vote458 views1 answer
Toggle function react js
Javascript React
1 vote433 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote385 views1 answer
Command reboot android app react native adb command
Javascript React
0 vote371 views1 answer
React google login button size increase
Javascript React
1 vote371 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote362 views1 answer
React native force vertical
Javascript React
0 vote426 views1 answer
React router tutorial medium
Javascript React