React Native / Redux：如何处理状态管理

如何解决React Native / Redux：如何处理状态管理

为了简单起见：我有一个可以通过表单更新的属性列表。

关于属性列表组件：

const mapStatetoProps = (state) => {

  return {
    properties: state.property.properties
  };
};

const mapdispatchToProps = (dispatch) => {
  return {
    getProperties: (user) => dispatch(propertyActions.fetchProperties(user))
  };
};

export default connect(mapStatetoProps,mapdispatchToProps)(PropertiesScreen);

这是从 Firebase 获取属性。所以每次我加载这个屏幕时，我都会调用 firebase API。

此外，在添加/更新属性后，我必须再次调用 getProperties 以获取更新的列表。我知道我可以使用 Firebase onSnapshot，仅在集合已更新时获取更新的列表。

let propertiesRef = firebase
      .firestore()
      .collection("properties")
      .where("uid","==",this.props.profile.uid);
propertiesRef.onSnapshot(
      function (results) {
        this.props.getProperties(this.props.profile);
      }.bind(this)
    );

但 Redux 是中央存储，我想我应该可以：

1. 从商店获取属性列表，而不是进行新的 API 调用。
2. 更新此商店，此商店更新会触发 Firebase 更新。

这样，listing就会从商店中读取，避免延误。

我发现我可以在 localStorage 上保存列表并从那里读取它，但如果是这样，为什么我需要 redux。

任何建议和指导将不胜感激。