当前位置:  开发笔记 > 编程语言 > 正文

从另一个组件访问组件的状态

如何解决《从另一个组件访问组件的状态》经验,为你挑选了1个好方法。

希望通过这方面的帮助获得一些知识.为了澄清,我仍在用Reactjs教育自己.

我有两个组件,AB.我需要从中获取A状态B.那可能吗?

var A = React.createClass({
  getInitialState(){
   return {foo: 'bar'}
  },

 ...
});

var B = React.createClass({
  getInitialState(){
   return {x: 'y'}
  },

 render(){
  var a = ;
  var b = a.state.foo; // This was just a guess but I dont understand the docs for something like this.
  return({b});
 }
});

B的组件中,如何呈现A状态,这是bar什么?我希望有两个独立的组件.

我一直在阅读ref但仍然无法弄清楚如何用refs完成我想要的东西.

反应版本:0.14.3



1> hazardous..:

让我们来看看状态道具的目的.组件的状态完全在组件内部.它永远不会在组件外部知道,可能/不会传递给子组件(作为道具).另一方面,道具是明确公开的,仅由组件使用.它们应该是将信息传递给组件的唯一方法.

在设计组件时,请始终考虑这一点,即多个组件所需的任何数据都不能是其中任何一个组件的状态.React鼓励单向数据流并跨越不同组件访问状态,从而使您的组件难以推理.

在你的情况下,由于B需要知道A有的一些信息,我建议这样的事情 -

A在适当的时间将此信息发布到Flux商店.

B订阅了相同的Flux商店,它会收到有关此
信息的通知并自行更新.

推荐阅读
雨天是最美
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有