我应该在哪里使用 React-Native 和 redux 调度操作来获取我的数据

Question

我想获取在 react-native 中显示我的应用仪表板所需的所有数据。该应用类似于the facebook one

我正在使用 react-native、redux、redux-saga、react-navigation 和 REST api。

我必须获取 帖子列表 以显示主页和 headerBar 的 通知计数。其他选项卡页面与主页面同时安装，以允许流畅的过渡。所以我也需要 当前用户 用于帐户页面

最后，商店被持久化，应用可以长时间处于后台模式。所以我需要经常刷新我的数据以确保有最后的更改。

我有 sagas 调用和启动操作来更新商店。

这里是我找到的策略：

1. 我可以连接每个页面组件并给它们一个fetchAllPageData()，它调度我在componentDidMount 中调用的获取操作
2. 我可以连接较小的组件，以允许他们使用相同的策略提取所需的数据（即fetchUser 到在帐户页面中显示用户的组件，fetchNotificationCount 到显示数量的组件通知...）
3. 我可以使用创建一个 redux 中间件来侦听页面更改并调用所有获取数据操作。

我目前混合使用第一种和第二种解决方案，但我对它不太满意：

• 我并不总是知道从哪里获取数据
• 安装组件后刷新数据的策略有点“hacky”和随机
• 重构时我经常需要移动到调用完成的地方

这个主题的最新技术是什么？你有什么建议？

Answer 1

通常的建议是拦截在中间件中发出 AJAX 请求的操作，并在传递结果之前在那里解决它们。

This article 更深入地解释它。

Answer 2

你可以/应该在 componentDidMount 或 componentWillMount 中做。