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

react hooks send data from child to parent

Add Answer

|_Genos_| answered on August 31, 2021 Popularity 10/10 Helpfulness 3/10

Contents

answer react hooks send data from child to parent

More Related Answers

pass data from child to parent react

react pass child component

react passing all props to child

react native pass params to previous screen

react pass props to child

send useState from one page to another

pass values and functions from a Child component to a Parent using a ref

react parent to child, child to parent data props

How to pass parent function to child screen in React Navigation

pass data from child component to parent component

React hooks update parent state from child

change parent state from child use effect in react js

pass element from child to parent react

pass props from child to parent

pass data from child component to parent component

pass setstate to child

React passing data fom child to parent component

how to pass value from one component to another using useNavigate hook

post_parameter_change_hook

react pass variable from child to parent

react hooks send data from child to parent

Comment

4

const { useState } = React;

function PageComponent() {
  const [count, setCount] = useState(0);
  const increment = () => {
    setCount(count + 1)
  }

  return (
    <div className="App">
      <ChildComponent onClick={increment} count={count} />         
      <h2>count {count}</h2>
      (count should be updated from child)
    </div>
  );
}

const ChildComponent = ({ onClick, count }) => {
  return (
    <button onClick={onClick}>
       Click me {count}
    </button>
  )
};

ReactDOM.render(<PageComponent />, document.getElementById("root"));

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript parent react-hooks send

Share

Link to this answer
Share Copy Link

|_Genos_|

Contributed on Aug 31 2021

|_Genos_|

0 Answers Avg Quality 2/10

X

Continue with Google

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

X

Grepper Account Login Required

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

Install Grepper Here