/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

3 votes124 views2 answers
React focus
Javascript React
0 vote125 views2 answers
Toggle classname onclick react
Javascript React
0 vote162 views2 answers
React composition
Javascript React
1 vote136 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote136 views1 answer
Stop from from refresching page react
Javascript React
0 vote128 views2 answers
Hot reload problem react 17
Javascript React
140 votes462 views5 answers
React js installation
Javascript React
0 vote122 views7 answers
How to generate debug build in react native
Javascript React
0 vote157 views1 answer
React electron desktop app
Javascript React
0 vote132 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React