/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 vote218 views1 answer
React Calender Style
Javascript React
0 vote224 views1 answer
React Liked Component
Javascript React
2 votes206 views1 answer
React native open email client
Javascript React
0 vote294 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React
0 vote399 views3 answers
Github react hardhat nft marketplace application
Javascript React
1 vote199 views3 answers
React mid senior dev interview questuions
Javascript React
2 votes203 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
1 vote156 views1 answer
Z index react native
Javascript React
0 vote212 views1 answer
React redux stack overflow
Javascript React
9 votes226 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React