/Javascript/React/React hooks send data from child to parent

React hooks send data from child to parent

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"));

Source: stackoverflow.com

Similar codes

3 votes323 views4 answers
React Redux Thunk
Javascript React
0 vote339 views1 answer
React native getting older version assets
Javascript React
0 vote303 views1 answer
Detect finishing write react input
Javascript React
0 vote319 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote336 views1 answer
How to imporrt Browserrouter in react
Javascript React
0 vote338 views2 answers
How to use react typed js
Javascript React
6 votes324 views1 answer
What is key in react
Javascript React
0 vote310 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote329 views1 answer
Preview image before upload reactjs
Javascript React
7 votes285 views4 answers
React native update state array of objects
Javascript React