将道具传递给场景并进行修改

Question

使用 React Native 构建应用，各个场景运行良好，非常满意。

但是现在我正在考虑引入一些“全局”状态，例如检查用户是否有活动会话，如果有，则将他们的数据添加到共享（或传递）到其余部分的状态应用程序。

我只是不是 100% 将这段代码放在哪里以及将这些数据存储在哪里，以便各个场景可以访问（同样重要的是 - 修改）这些数据？

我尝试向<Navigator /> 添加一个道具，如下所示：

<Navigator user={this.getUser()} />

然后将其作为道具传递给<SomeScene navigator={navigator} />，但这感觉不对，我不知道如何修改navigator 的道具（比如user 属性更改）然后有这些更改过滤回主要的<Navigator />。

通过搜索，我看到提到了 Flux 和 React Router，但找不到我正在尝试这样做的示例，希望有人能指出我正确的方向。

提前致谢。

Answer 1

这可以使用Flux 来实现，让我用 Flux 来解释一下，Flux 是具有 Store 的模式，你可以使用 Store 来存储变量值在这里我涵盖了你想要存储用户信息和想要的示例访问每个组件，因为您的商店包含两种方法，一种是设置用户信息，第二种是获取用户信息。

首先你必须使用下面提到的命令安装这两个模块

npm install events 下划线 --save

var EventEmitter = require('events').EventEmitter;
var _ = require('underscore');

var _user;

// Extend UserStore with EventEmitter to add eventing capabilities
var UserStore = _.extend({}, EventEmitter.prototype, {


    getUserInfo: function() {
        return _user;
    },
    setUserInfo: function(user) {
        _user=user;
    }
});
module.exports=UserStore;

现在你可以从你的任何组件中使用它这个商店，比如

var UserStore=require('./UserStore');

并从应用程序中的任何位置设置和获取 userinfor

UserStore.setUserInfo(user);
var user=UserStore.getUserInfo();