Breaking News: Grepper is joining You.com. Read the official announcement!

pass data between componets in react

Goutam De answered on June 1, 2022 Popularity 8/10 Helpfulness 1/10

answer pass data between componets in react

related passing data between components in react js

pass data between componets in react

Comment

import React from 'react'

export default function Parent() {
  return (
    <div>
      
    </div>
  )
}

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: www.freecodecamp.org

Tags: between javascript pass-data

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

Goutam De

0 Answers Avg Quality 2/10

Closely Related Answers

passing data between components in react js

Comment

// Passing data via react-router

// on first component
import React from "react";
import { useNavigate } from "react-router-dom";

const Component1 = () => {
  const navigate = useNavigate();
  return (
    <button onClick={() => navigate("/store", { state: "an object or single value" })} >
    Click Me
    </button>
  );
}

// on 2nd component
import React from "react";
import { useLocation } from "react-router-dom";

const Component1 = () => {
  const data = useLocation().state;
  console.log(data)
  return (
    <div>got the data</div>
  );
}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: between

Link to this answer
Share Copy Link

Contributed on Jun 01 2022

Tender Turtle

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.

pass data between componets in react

Contents

More Related Answers

pass data between componets in react

Closely Related Answers

passing data between components in react js

Grepper

Documentation

Social

Legal

Contact

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