Reactjs redux在页面刷新时存储状态.componentWillUnmount不工作

Reactjs redux store state on page refresh. componentWillUnmount not working

本文关键字：状态 存储 componentWillUnmount 工作 刷新 redux Reactjs      更新时间：2023-09-26

我有一个组件:

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

详细说明@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
相关文章：