/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

4 votes449 views2 answers
Linking in react native
Javascript React
0 vote373 views1 answer
How disabled react-select
Javascript React
0 vote342 views1 answer
React deployment pipeline
Javascript React
3 votes368 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote400 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote426 views1 answer
React grid generator
Javascript React
0 vote383 views1 answer
About react frame
Javascript React
-2 votes400 views1 answer
Reactjs cut part of string
Javascript React
0 vote376 views1 answer
React-router in saga
Javascript React
1 vote377 views1 answer
React current path
Javascript React