如何渲染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 persistent同步，这样即使在重新加载应用程序之后，您也可以恢复用户状态。