React hooks update parent state from child

Victorious Vole answered on October 28, 2020 Popularity 10/10 Helpfulness 2/10

answer React hooks update parent state from child

React hooks update parent state from child

Comment

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>
        )
    }
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript parent react-hooks state

Link to this answer
Share Copy Link

Contributed on Oct 28 2020

Victorious Vole

0 Answers Avg Quality 2/10

React hooks update parent state from child

Contents

More Related Answers

React hooks update parent state from child

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.