/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

23 votes239 views4 answers
Click to copy react
Javascript React
1 vote264 views1 answer
External script in react
Javascript React
6 votes247 views2 answers
React native disable the text input
Javascript React
0 vote249 views1 answer
React image onerror
Javascript React
20 votes238 views6 answers
Build apk react native
Javascript React
-2 votes271 views1 answer
Reactjs cut part of string
Javascript React
0 vote235 views1 answer
React router path array
Javascript React
1 vote249 views1 answer
Reactjs get checkbox value
Javascript React
0 vote233 views1 answer
React google places auto complete example
Javascript React
0 vote251 views1 answer
React hooks simple projects
Javascript React