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

React Example of Passing in values to a component

Curious Cat answered on June 1, 2022 Popularity 8/10 Helpfulness 2/10

answer React Example of Passing in values to a component

related passing data between components in react js

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

Link to this answer
Share Copy Link

Contributed on Dec 28 2022

Curious Cat

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.

React Example of Passing in values to a component

Contents

More Related Answers

React Example of Passing in values to a component

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.