Question

我有一个类似的组件：

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

当我刷新页面时，我想调用actions.store_state()功能。

但是当我刷新页面时componentWillUnmount()没有被调用。当刷新页面时，如何调用任何函数或将状态存储到localStorage。

Answer 1

扩展@Maxx答案：

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

Reactjs redux存储页面刷新状态。 componentWillUnmount无效

1 个答案: