/Javascript/React/React hooks update parent state from child

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>
        )
    }
}

Source: stackoverflow.com

Similar codes

0 vote335 views1 answer
When reload the page the route gone in react js laravel
Javascript React
1 vote255 views1 answer
React native close other app
Javascript React
3 votes253 views4 answers
Add new array at the back of react state
Javascript React
1 vote310 views4 answers
React router go rprevious page
Javascript React
-1 vote295 views1 answer
Date time react component
Javascript React
4 votes323 views1 answer
External site links in react Link
Javascript React
4 votes275 views1 answer
Get width of screen react
Javascript React
7 votes289 views3 answers
How to update react state array
Javascript React
0 vote302 views1 answer
Make input fixed position reactjs
Javascript React
5 votes330 views1 answer
Deploy react js heroku
Javascript React