2017-06-26 4 views
0

chatboxは、ボタンの上に別の子供のコンポーネントをレンダリングリアクトしたがって、これらは私のソーシャル・ネットワークプロジェクトのためのモックアップです

profile view

をクリックします。 私の質問は、ユーザーがログインすると、このビューが提示されるということです。 左パネルと右パネルの2つの親コンポーネントがあります。 左のPANEは、セッション全体でそのまま残ります。右のペインの内側にレンダリングする必要があります

  • チャットボックス(誰かがリストから友だちをクリックしたとき)。
  • 保留中の要求コンポーネント(保留中の参照要求ボタンがある場合は をクリック)
  • 検索友人(友人のボタンがクリックされていることを確認した場合)
  • プロフィールの表示(誰かが対話式Iボタンをクリックすると

優先順位:

  • 私はアドレスバーの変化を表示したくない任意の コ変化する。したがって、ブラウザルーターは使用できません。

考えられる解決策が、疑問で

  • 私は各ボタンをクリックするだけで、いくつかの状態変数 を取り付けると、そのボタンがクリックされたときの状態は、私がその特定をレンダリングする必要があり を決定することによって、条件付きレンダリングを使用することができます成分。

  • 私はコード を清潔に保ち、アドレスバーに変更を表示しないために、反応ルータでメモリルータを使用することができました。

は良い経験をお持ちの方がIN MEをTELL反応できるヘルプはこれを行うための他の方法はありますか?この2つの間でより良い選択肢ではない場合は?

Plsは状況を完全に理解するためにイメージを参照しています。

ありがとうございました。

P.S.保留中のリクエストの他の2つのコンポーネントと2つのリンクだけを投稿することができ、右のペインの中に友達が同じ方法で読み込まれます。

答えて

0

私はそれを再利用

+0

のためにきちんとして理解しやすいコードを保つために役立つだろうだってメモリルータを使用することです最善の方法は、新しい反応-ルータバージョン4を使用するための任意の適切な文書は、特にために、あると思います私は良いリソースやデモやチュートリアルを見つけることができないため、メモリルータです。 –

関連する問題