首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用中继环境的突变

使用中继环境的突变
EN

Stack Overflow用户
提问于 2016-08-04 14:13:21
回答 1查看 324关注 0票数 4

我使用Relay和,并且在登录和注销过程中遇到了问题。

登录或注销后,Relay将该存储从前一个用户中保存下来。为了解决这个问题,我使用了Relay.RendererRelay.Environment。在每个Renderer中,我都放置了Environment的单例对象。

问题是,我以前在Relay.Store的对象上做过一个突变,就像在Relay.Store.commitUpdate(new CreateProfile(), callback)中一样。

现在不起作用了。我想这是因为Relay.Store对服务器端点一无所知。但是Relay.Environment有。

现在我正在使用类似于这个this.props.relay.commitUpdate(new CreateProfile(), callback)的东西。当父组件包装为Relay.Container时,它工作得很好,所以它在道具中有中继对象。

但是,在不是Relay.Containers且道具中没有Relay对象的组件中,我应该做什么呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-07 10:04:58

Relay.StoreRelay.Environment的一个全局访问的单例实例,Relay.Store.commitUpdate()在该全局环境中更新数据。但是,由于您使用的是您自己的Relay.Environment实例,所以要更新它,您需要使用this.props.relay.commitUpdate(),正如您所提到的。这将更新容器所使用的环境。

如果需要从容器的子组件中进行突变,这些容器没有包装在Relay.Container中,有两种方法可以做到这一点。您可以简单地将relay道具传递给它们,因此在容器的呈现函数中您将拥有:

代码语言:javascript
复制
<Child relay={this.props.relay} />

但是,由于这些普通组件不在中继容器中,因此它们目前不需要了解任何有关Relay的信息。如果希望保持这种状态,可以编写在容器组件中执行更新的方法,如下所示:

代码语言:javascript
复制
onCreateProfile = () => {
  this.props.relay.commitUpdate(new CreateProfile());
};

,并且只向render中的子组件传递一个回调。

代码语言:javascript
复制
<Child onCreateProfile={this.onCreateProfile} />

如果您需要从组件层次结构( Relay.Container )中没有一个的组件进行突变,则可以在更高的共享根组件中创建Relay.Environment并使用支持传递它(或者使用上面所示的策略传递回调)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38769841

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档