can i pass data with usenavigate react router

Gleaming Gemsbok answered on December 27, 2021 Popularity 9/10 Helpfulness 7/10

answer can i pass data with usenavigate react router

related can i pass data with usenavigate react router

can i pass data with usenavigate react router

Comment

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

 function ComponentB() {

    const location = useLocation();
   
        return (

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

            </>
        )
    }

export default ComponentB;

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript pass-data react-router

Link to this answer
Share Copy Link

Contributed on Dec 27 2021

Gleaming Gemsbok

0 Answers Avg Quality 2/10

Closely Related Answers

can i pass data with usenavigate react router

Comment

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;

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 27 2021

Gleaming Gemsbok

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

can i pass data with usenavigate react router

Contents

More Related Answers

can i pass data with usenavigate react router

Closely Related Answers

can i pass data with usenavigate react router

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.