/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 vote332 views1 answer
How to use radio buttons in react class-based components
Javascript React
0 vote338 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote306 views1 answer
Changing map style react-leaflet
Javascript React
0 vote293 views1 answer
Yarn react select
Javascript React
0 vote307 views1 answer
Center child components in react
Javascript React
0 vote291 views1 answer
React bootstrap font awesome icons
Javascript React
142 votes411 views6 answers
Create-react-app
Javascript React
45 votes311 views4 answers
Can't resolve 'react-router-dom'
Javascript React
0 vote296 views1 answer
Download images from http link in react
Javascript React
0 vote235 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React