/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

0 vote253 views1 answer
Missing script: "start" react
Javascript React
9 votes211 views1 answer
Create react app in existing folder
Javascript React
0 vote190 views2 answers
React native bottom sheet example
Javascript React
0 vote223 views1 answer
Change module name react native android studio
Javascript React
1 vote200 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote259 views1 answer
How to get parent's ref react
Javascript React
0 vote250 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React
12 votes349 views1 answer
React chrome extension
Javascript React
0 vote250 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
2 votes206 views1 answer
Emmet react self closing tags
Javascript React