/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 vote382 views1 answer
TextInput cursor not shown react native
Javascript React
1 vote325 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
2 votes346 views1 answer
Set dynamic route in link react js
Javascript React
19 votes320 views6 answers
React.js
Javascript React
1 vote356 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
1 vote363 views2 answers
React native modal
Javascript React
0 vote333 views1 answer
Why does my react project dosent have any class
Javascript React
22 votes338 views2 answers
React-bootstrap example
Javascript React
0 vote363 views1 answer
Import typography react
Javascript React
-1 vote368 views1 answer
How to run react native app on simulator
Javascript React