React Native：如何维护组件的多个状态

Question

我是React Native的新手。我在 Android 的反应原生应用中使用 redux 架构。 我想保持页面的状态。

例如，假设我有两页，如图所示。

向前导航从第A页到第B页， B状态从初始状态变为苹果。然后再次翻页A并点击MANGO将导航到页面B，其中页面B的状态将从苹果变为芒果。

现在，当导航时，B的状态始终是芒果（即该页面的最新状态）。我想把B页的状态保持为苹果或芒果。我想在导航堆栈中维护页面B的多个实例。

非常感谢任何帮助。

Answer 1

看看react-router-redux。它让你将路由器与redux状态同步。

实施例

安装react-router-redux。然后，在商店设置中，添加此配置。

...
import { browserHistory } from 'react-router'
import { syncHistoryWithStore } from 'react-router-redux'
...

...
const history = syncHistoryWithStore(browserHistory, store)
...

这将使导航状态与您的redux状态保持同步。