/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 vote274 views1 answer
React native cors origin
Javascript React
18 votes298 views2 answers
Store data in localstorage react
Javascript React
0 vote282 views1 answer
React paypal express checkout
Javascript React
1 vote269 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
1 vote285 views1 answer
Dynamic forms in react
Javascript React
0 vote210 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote268 views1 answer
Use this in a react js component
Javascript React
2 votes264 views1 answer
React function being called every minute
Javascript React
0 vote271 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React
29 votes247 views3 answers
Creating react app using npx
Javascript React