/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 vote322 views1 answer
React native run real device
Javascript React
11 votes334 views2 answers
React must be in scope when using jsx
Javascript React
0 vote355 views1 answer
Date picker type react
Javascript React
1 vote383 views1 answer
How to execute function without using onclick on react code example
Javascript React
1 vote344 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
1 vote362 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
0 vote411 views1 answer
How to download an mp3 file in react native
Javascript React
4 votes343 views1 answer
Reactjs onclick open new page
Javascript React
99 votes354 views6 answers
How to install react router DOM
Javascript React
1 vote391 views1 answer
How to use cookies in react js
Javascript React