/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 vote138 views1 answer
Disable split screen react native
Javascript React
3 votes148 views1 answer
React native class component constructor
Javascript React
29 votes127 views3 answers
Creating react app using npx
Javascript React
6 votes127 views4 answers
Add items to a react array in hooks
Javascript React
0 vote136 views1 answer
React array if id is present do not add element
Javascript React
-2 votes140 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
2 votes161 views2 answers
React native dimensions window vs screen
Javascript React
4 votes103 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
0 vote147 views1 answer
How to load a javascript game from react
Javascript React
7 votes139 views3 answers
React native class component
Javascript React