使用带有可加载组件的React Router v3进行多种布局

Question

有什么方法可以在反应路由器v3 中使用可加载组件使用多种布局。请帮助我实现以下是我的路由器：

<Route path="/" component={Wrapper}>
<IndexRoute
  name="LandingPage"
  getComponent={(_, cb) => loadRoute.LandingPage()
    .then(([module]) => cb(null, module.default))}
/>
<Route path="/playlists/:playlistId(pl-[a-z]{0,4})" component={PlaylistPage} 
/>
<Route path="/playlists" component={NotFoundPage} />
<Route path="/album" component={Album} />
<Route path="/album/:album_seokey" component={AlbumDetail} />
<Route path="/artist" component={Artist} />
<Route path="/discover" component={Discover} />
<Route path="/login" component={Login} />
<Route path="/register" component={Register} />
<Route path="*" component={NotFoundPage} />
</Route>

在登录和注册组件的情况下，我想使用其他布局。