如何呈现React的缓存组件？

Question

我正在使用React / Redux开发系统。

我想使用缓存的组件来响应客户请求。

window.CacheHolder = new Map()
export default class TestComponent extends Component {  
    constructor(props) {  
        super(props)  
    }  

    componentWillUnMount(){    
        // to cache this component.  
        window.CacheHolder.set('TestComponent', this);
    }  

    render() {  
        const cachedComponent = window.CacheHolder.get('TestComponent')  
        if (cachedComponent) {  
            return cachedComponent  
        }  
        return ...   
    }  
}  

当然，这种方式行不通。
有人知道其他方式吗？

谢谢！

Answer 1

使用无状态组件，并将组件状态保留在redux存储中。然后，您可以将状态与localStorage redux-persist同步，这样即使重新加载应用程序后，您也可以恢复用户状态。