2017-11-19 7 views
0

+ Reduxのに反応:すべての単一の1がサブサイドバーだけを再ロードし、サイドバーで、クリックして約10箇所があります は、私はこのようになりますPhotoshopのようなアプリを投影してい

[ Sidebar ] [ Sub-Sidebar ] [ Main Application ] 

else(特にメインアプリケーションではありません)。すべてのサブサイドバーには、場合によっては大規模なオプションがあり、正しいアプローチが何であるか分かりません。

私はすべてのクリックをReduxでプッシュしたいと思いますが、すべてのケースでサブサイドバーをロードするにはどうすればよいですか?

私はサイドバーの減速機で適切なコンポーネントを返すことを考えていましたが、それが良い/有効なパターンかどうかわかりません。私はいつもすべてのサブサイドバーを読み込んでjQueryのように切り替えることができましたが、それらの一部が数十個のテクスチャなどを保持しているため、それらを一度にロードしたくありません。

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

答えて

1

react-routerについて考えましたか?

Sidebarの各要素は、アプリケーション内で特定のパスをロードするLinkです。

<Link to="/sub/subA" > SubA </Link> 

Sub - SideBar成分がレンダリングされる経路に従ってSub-Sidebarを変化するRoute Sを定義することができます。

<Route path="/sub/subA" component={SubMenuA}/> 

異なるSub-SideBar S自体は、必要に応じてその後MainApplication部によって処理されるLink Sを使用して作成することができます。

+0

しかし、反応ルータはただ1つの単純なサイドバーの代わりにページ上のすべてを再レンダリングしませんか? – Wordpressor

関連する問題