2017-03-07 48 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並接受它。當他們到達這裏時會幫助別人。 –