/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

9 votes336 views2 answers
React select options
Javascript React
4 votes341 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
0 vote332 views1 answer
React particles js
Javascript React
0 vote329 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote405 views1 answer
State creation in class components reactjs interview questions
Javascript React
0 vote353 views1 answer
Input hook react
Javascript React
0 vote372 views1 answer
Random word react npm package
Javascript React
0 vote348 views1 answer
Zeamster examples react node
Javascript React
-1 vote375 views1 answer
Paypal in react js
Javascript React
0 vote384 views1 answer
React native notify user for new version of app
Javascript React