/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 vote196 views1 answer
Preventdefault not working react
Javascript React
1 vote194 views1 answer
Found page without a React Component as default export in
Javascript React
3 votes208 views1 answer
React hooks delete item from array
Javascript React
1 vote203 views1 answer
Three.js react
Javascript React
0 vote218 views1 answer
Remove console messages of react-i18next
Javascript React
2 votes190 views1 answer
Combining two styles react native
Javascript React
11 votes182 views2 answers
How to add react icons using npm
Javascript React
0 vote198 views2 answers
Drag n drop file upload react
Javascript React
21 votes195 views6 answers
React native apk build
Javascript React
1 vote235 views2 answers
Hosting react with pm2
Javascript React