/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 vote203 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
0 vote223 views2 answers
Call a method of component from outside react
Javascript React
16 votes234 views3 answers
Start react native
Javascript React
0 vote236 views1 answer
Dropdown search field in react native
Javascript React
5 votes227 views2 answers
Remove underline from link i react
Javascript React
63 votes200 views6 answers
React router install
Javascript React
0 vote240 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote243 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote239 views1 answer
React onpaste get value
Javascript React
0 vote217 views2 answers
Read and save excel with react
Javascript React