Reactjs redux存储页面刷新状态。 componentWillUnmount无法正常工作

Question

I have a component like:

import React, { PropTypes, Component } from 'react'


class MyView extends Component {

    render() {

        return (
            <div>
                Something
            </div>
        )
    }
    componentWillUnmount() {
        console.log("Hellooww world")
        actions.store_state() 
    }

}

export default MyView

Here when I refresh the page I want to call actions.store_state() funciton.

But when I refresh the page componentWillUnmount() is not called. How can I call any function or store the state to localStorage when page is refreshed.

Answer 1

To expand on @Maxx answer:

import React, { PropTypes, Component } from 'react'


class MyView extends Component {

    render() {

        return (
            <div>
                Something
            </div>
        )
    }

    componentDidMount = () => {
        window.addEventListener('onbeforeunload', this.saveStore)
    }

    componentWillUnmount = () => {
        window.removeEventListener('beforeunload', this.saveStore)
    }

    saveStore = (e) => {
        actions.store_state() 
    }

}

export default MyView