2017-03-07 67 views
0

请原谅我,如果我的问题似乎是可笑的,但我是新来ReactJs。传递DOM变数Reactjs作为道具

我已经反映用户的登录状态的反应组分:

<AccountStatus iconsize="medium" activate={[true,false,true]}/> 

Image 1

//or using 
<AccountStatus iconsize="medium" activate={true}/> 

Image 2

我单独处理的应用程序逻辑在另一(非反应)当页面加载时与其他脚本一起加载的js文件:

<script src="/assets/js/logic.js" type="text/javascript"></script> 

在这最后的文件I处理用户身份验证和更新相应的全局变量。我希望能够根据这些全局变量中发生的变化来修改组件的状态。

var user, credential, token; 
var providers = { 
    facebook.com: true, 
    twitter.com: false, 
    google.com: true, 
}; 

回答

3

我认为你应该在不同的方向接近你的要求。

所以检查认证here。这应该是验证用户身份的一种相当简单的方法。

在这最后一个文件中,我处理用户验证并相应地更新全局变量。我希望能够根据这些全局变量中发生的变化来修改组件的状态。

你的这种说法迫使我认为你将需要有redux全球国家管理。

我知道这将是包装你的头脑围绕一个艰难的事情,但这是正确的做法!

+0

Tankyou,我会看看终极版,并告诉你如何去。 –

+0

@CarlosE。祝你好运! –

+0

@CarlosE。如果你发现答案有用 - upvote并接受它。当他们到达这里时会帮助别人。 –