DOM変数をReactjに小道具として渡す

Question

私の質問がばかばかしいと思ったら私を許してください。しかし私はReactJsを初めて使っています。

Iステータスユーザのサインを反映する成分と反応している：私は（非反応）別に別々のアプリケーションロジックを処理

<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を持つ必要があると私に強要します。

私はあなたの心を包み込むのは難しいことだと知っていますが、これは正しいアプローチです！