/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 vote174 views1 answer
React bootstrap navbar align right buttons
Javascript React
1 vote174 views2 answers
React native choose simulator
Javascript React
0 vote177 views2 answers
How to give data from react native to webview
Javascript React
32 votes188 views6 answers
Font awesome react
Javascript React
0 vote224 views1 answer
How to use two text fields in one single row react js
Javascript React
3 votes221 views1 answer
Remove header from certain pages react navigation
Javascript React
0 vote247 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote191 views1 answer
Cannot find module 'sass' react
Javascript React
1 vote189 views1 answer
React scroll to bottom of div
Javascript React
0 vote218 views1 answer
Multilone input react
Javascript React