/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

1 vote244 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
22 votes246 views4 answers
Reactjs copytoclipboard box
Javascript React
0 vote227 views1 answer
In whatsapp share text add a new line react
Javascript React
0 vote228 views1 answer
Set navigation drawer to open by default react native
Javascript React
1 vote218 views2 answers
React native map array of objects
Javascript React
1 vote244 views1 answer
React map array limit
Javascript React
25 votes163 views4 answers
React context
Javascript React
0 vote238 views1 answer
Make a component update every second react
Javascript React
18 votes248 views4 answers
React get route params
Javascript React
2 votes249 views2 answers
How to change react icon color
Javascript React