將DOM變量作為prop傳遞給Reactjs

Question

如果我的問題看起來很荒謬，請原諒我，但我是ReactJs的新手。

我有一個反映用戶登錄狀態的React組件：

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

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

我在另一個（非反應性）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

我認為您應該在不同的方向上滿足您的要求。

因此，請在此處檢查身份驗證。 這應該是一種非常簡單的驗證用戶身份的方法。

在最后一個文件中，我處理用戶身份驗證並相應地更新全局變量。 我希望能夠根據這些全局變量中發生的更改來修改組件的狀態。

這由你發言迫使我認為你需要有終極版全球狀態管理。

我知道這是一件很難的事，但這是正確的方法！