/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 vote352 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote347 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote313 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote350 views2 answers
Mqtt js react-native
Javascript React
2 votes334 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote360 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote330 views1 answer
How to change list item text color in react
Javascript React
0 vote376 views1 answer
React import coreui icons
Javascript React
1 vote351 views1 answer
Typing refs react
Javascript React
0 vote329 views2 answers
Read and save excel with react
Javascript React