/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 vote215 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
1 vote226 views1 answer
React router base url
Javascript React
0 vote230 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
-1 vote242 views1 answer
How to load the images from the website dynamically in react
Javascript React
1 vote204 views1 answer
Mui modal backdrop
Javascript React
0 vote254 views1 answer
Notification bell icon bootstrap react
Javascript React
0 vote279 views1 answer
How to get domain name in react
Javascript React
23 votes248 views5 answers
USE ICONS IN REACT
Javascript React
11 votes229 views2 answers
React must be in scope when using jsx
Javascript React
1 vote293 views1 answer
React component key prop
Javascript React