React hooks update parent state from child
const EnhancedTable = ({ parentCallback }) => { const [count, setCount] = useState(0); return ( <button onClick={() => { const newValue = count + 1; setCount(newValue); parentCallback(newValue); }}> Click me {count} </button> ) }; class PageComponent extends React.Component { callback = (count) => { // do something with value in parent component, like save to state } render() { return ( <div className="App"> <EnhancedTable parentCallback={this.callback} /> <h2>count 0</h2> (count should be updated from child) </div> ) } }