/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 vote119 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
1 vote120 views1 answer
React-native link to play store
Javascript React
0 vote135 views1 answer
React native camscanner application mobile code
Javascript React
13 votes124 views1 answer
React making post request
Javascript React
0 vote126 views1 answer
Hide and show on button click in react js functional component
Javascript React
0 vote116 views6 answers
Replace all in react js
Javascript React
-1 vote128 views1 answer
React native toggle button with text
Javascript React
1 vote93 views1 answer
Add class to react children
Javascript React
0 vote115 views1 answer
React app link description preview
Javascript React
0 vote173 views1 answer
React Redux component getById crud exemple
Javascript React