/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 vote268 views2 answers
Apply back button to a react component
Javascript React
0 vote196 views1 answer
React build size
Javascript React
0 vote200 views1 answer
React-native-charts-wrapper:compileDebugJavaWithJavac FAILED
Javascript React
0 vote198 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote195 views2 answers
Mqtt js react-native
Javascript React
1 vote195 views1 answer
React current path
Javascript React
-1 vote226 views1 answer
React check if browser is in dark mode
Javascript React
1 vote204 views1 answer
React redux actions must be plain objects
Javascript React
0 vote214 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
0 vote203 views3 answers
React-hook-form input
Javascript React