/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

13 votes139 views3 answers
React native conditional rendering
Javascript React
0 vote128 views1 answer
React native panresponder on click
Javascript React
10 votes152 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote123 views1 answer
React-chartjs-2
Javascript React
2 votes111 views1 answer
Set dynamic route in link react js
Javascript React
6 votes115 views1 answer
Import useHistory react-router-dom version 6
Javascript React
0 vote114 views1 answer
Make input fixed position reactjs
Javascript React
1 vote105 views1 answer
Div onchange react
Javascript React
0 vote122 views1 answer
React js usehistory push and pass props
Javascript React
0 vote109 views1 answer
How to use radio buttons in react class-based components
Javascript React