android - react native : How to maintain multiple state of a component

标签 android reactjs react-native redux react-router

我是 React Native 的新手。我正在为我的 Android react native 应用程序使用 redux 架构。
我想维护一个页面的状态。

enter image description here 假设我有 2 页,如图所示。

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

现在当向后导航时,B 的状态始终是 mango(即该页面的最新状态)。我想将页面 B 的状态保持为苹果或芒果。我想在导航堆栈中维护页面 B 的多个实例。

如有任何帮助,我们将不胜感激。

最佳答案

看看react-router-redux .它可以让您将路由器与 redux 状态同步。

例子

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

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

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

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

关于android - react native : How to maintain multiple state of a component,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39531188/

相关文章:

android - 如何使用 React Native 在 Android 上允许自签名证书

android - 无法在我的项目中使用字体 : - "Error:Error: The file name must end with .xml"

java - 按钮子类 onClick 没有响应

reactjs - 测试自定义 Hook 和 useEffect 不触发

React-Native <Video> 如何在 Android 上播放一次视频后重新开始?

reactjs - React Native iOS 应用程序中的两列布局

android - Google Play Location Services 9.2.0 缺少谷歌归因 Android 资源

android - 寻找优雅的 appwidget 皮肤解决方案

reactjs - 如何在 api (asp.net api) 中对通过 spa(react 应用程序)从 azure ad b2c 获取的访问 token 进行身份验证?

javascript - 错误 : querySrv ENOTFOUND _mongodb. _tcp.cluster0.kspub.mongodb.net