/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

26 votes270 views6 answers
React redirect to url
Javascript React
0 vote280 views1 answer
React native undedined map
Javascript React
0 vote249 views1 answer
React native scrollview scrollto()
Javascript React
3 votes254 views2 answers
How to get custom attribute value in react
Javascript React
0 vote249 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
1 vote237 views1 answer
React list
Javascript React
0 vote414 views1 answer
How to place text over image in react
Javascript React
0 vote289 views1 answer
How to make back button react
Javascript React
12 votes238 views2 answers
React split array into chunks
Javascript React
0 vote241 views1 answer
React google places auto complete example
Javascript React