passing data between components in react js

Tender Turtle answered on June 1, 2022 Popularity 9/10 Helpfulness 3/10

answer passing data between components in react js

related React Example of Passing in values to a component

related pass data between componets in react

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 components javascript

Link to this answer
Share Copy Link

Contributed on Jun 01 2022

Tender Turtle

0 Answers Avg Quality 2/10

Closely Related Answers

React Example of Passing in values to a component

Comment

const Greeting = ({ text }) => {
  return <p>{text}</p>;
};

const App = () => {
  return <Greeting text="Hello React" />;
};

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: www.robinwieruch.de

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 28 2022

Curious Cat

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

Goutam De

0 Answers Avg Quality 2/10

passing data between components in react js

Contents

More Related Answers

passing data between components in react js

Closely Related Answers

React Example of Passing in values to a component

pass data between componets in react

Grepper

Documentation

Social

Legal

Contact

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