/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 vote257 views1 answer
React native change image color
Javascript React
4 votes273 views1 answer
Navigating programatically react
Javascript React
0 vote328 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
2 votes336 views2 answers
Capture enter button react input
Javascript React
0 vote304 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote302 views1 answer
React looping hooks to display in other hook
Javascript React
5 votes299 views2 answers
React img not showing
Javascript React
0 vote316 views1 answer
How to set max length of input in react js
Javascript React
0 vote317 views1 answer
Orderbychild firebase react
Javascript React
0 vote292 views1 answer
Label tag alternative in react native
Javascript React