ReactJS Firebase 缓存在本地

Question

我需要一个本地存储来缓存 Firebase 数据库。在页面的第一次加载时，我想向用户显示本地缓存以避免将许多行缓慢加载到数据表中并在之后更新缓存。具体要求是：

1. 在本地缓存 Firebase 数据库
2. 先加载本地缓存
3. 之后更新本地缓存

如何在 ReactJS 中实现这一点？

Answer 1

是的，你可以。有几种方法可以解决这个问题，但我脑海中的第一个是初始化组件的状态

class MyComponent extends Component {
  state = {
    data: localStorage(key);
  }

  componentDidMount() {
    // Do the connecting to firebase here and set state
  }
}