2016-04-27 15 views
1

すべて:Reduxアーキテクチャが最初のストアの状態を混乱させる

ReactとReduxにはかなり新しいです。現在、私は次のようになり、それにはいくつかのメニュー項目にヘッダーメニューを構築したい:

enter image description here

各項目は、クリックして(ちょうど強調するために同じ色を使用)ハイライトされ、クリックアクションがトグルしていることができますその項目のハイライト

は、私はそうコンポーネントでこのハイライトの状態を保存する必要がある場合、私はわからない(これは私を混乱させる最初の場所である店舗内の各項目の状態を保存しReduxのパターンを、従うようにしてみてくださいユーザーが最初のハイライト状態を指定するのが簡単です。つまり、グローバルストアではどこでも同期することができます。)。しかし、私はそれは、ユーザーがJSXで項目の初期状態を指定することができます場合は特に、どのようにこのするためのデータ構造を設計するを知らない

(例えば<MenuItem highlight={true} />など)は、このための任意の例は、理解されるであろう。

答えて

2

商品のハイライト状態のような簡単なことは、レヴィクスストアを使用しないでください。このように考えてください。あなたの店はサーバーからのデータを保存するためにそこにあります。色やclassNameのようなコンポーネント上で変化する小さなものは、コンポーネントの状態で処理される必要があります。

これは単なる簡単な例であり、実行しようとしているすべてをカバーしているわけではありません。あなたがしたいと思っているものの約90%ですので、私はあなたに最後の10%を完了させましょう:)

+0

ありがとう。私の質問は実際に別の質問に関連しています(http://stackoverflow.com/questions/36874685/how-to-build-a-side-toggle-menu-respond-to-header-menu-in-react):できますあなたは助けますか? – Kuan

関連する問題