/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

2 votes201 views2 answers
Update specific properties of an object react spread operator
Javascript React
13 votes278 views3 answers
React native conditional rendering
Javascript React
1 vote215 views1 answer
Slider on release call api react material ui
Javascript React
0 vote275 views1 answer
${product} meaning in react js
Javascript React
0 vote218 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote237 views1 answer
Use navigate in class component react native
Javascript React
32 votes215 views5 answers
React disable eslint errors
Javascript React
0 vote210 views1 answer
Get status bar height react native
Javascript React
1 vote231 views4 answers
React router go rprevious page
Javascript React
1 vote227 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React