将DOM变量作为道具传递给Reactjs

Question

如果我的问题看起来很荒谬，请原谅我，但我是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>

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

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

Answer 1

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

因此请检查身份验证here。这应该是一种验证用户的相当简单的方法。

  

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

你的这句话迫使我认为你需要redux进行全球国家管理。

我知道这将是一个很难解决的问题，但这将是正确的方法！