/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

0 vote362 views1 answer
React make setstate synchronous
Javascript React
0 vote363 views1 answer
How to convert timestamp to date in react native
Javascript React
4 votes362 views1 answer
Add array of object to state react
Javascript React
0 vote315 views1 answer
Import pdfmake in react
Javascript React
0 vote350 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
0 vote305 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote345 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
13 votes287 views1 answer
ReactDOM is not defined
Javascript React
5 votes355 views3 answers
How to open a new tab in react
Javascript React
0 vote413 views1 answer
How to run bare react-native project
Javascript React