Redux에 연결하는 React-Router-Redux에서 MasterPage를 어떻게 만들 수 있습니까?

Question

탐색 모음과 로그인 프로필 섹션이 포함 된 마스터 페이지를 만들고 싶습니다. Login-Profile 섹션은 ​​redux를 연결하여 감속기에서 데이터를 가져옵니다. 앱에서 어떻게 할 수 있습니까? 앱은 store 매개 변수를 사용하여 Provider를 작성하므로 해당 컨테이너를 만들 수 있습니까? 마스터 페이지 또는 항목을 어디에 넣어야합니까?

참고 : Mainpage, MasterPage! 혼란을 드려 죄송합니다

import React, { Component } from 'react'; 
import { BrowserRouter, Route, Switch } from 'react-router-dom'; 
import { Provider } from 'react-redux'; 
import { configureStore } from '../resources/redux/store'; 
import MainPage from './mainPage'; 
import Profile from './profile'; 
import Stream from './stream'; 
import Market from './store'; 

const store = configureStore(); 

export class App extends Component { 

    render() { 
    return (
     <Provider store={store}> 
     <BrowserRouter> 
      <Switch> 
      <Route exact path='/' component={MainPage} /> 
      <Route path='/profile' component={Profile} /> 
      <Route path='/stream' component={Stream} /> 
      <Route path='/store' component={Market} /> 
      </Switch> 
     </BrowserRouter> 
     </Provider> 
    ); 
    } 
}; 

Answer 1

, 우리는 그래서 MasterPage가 감속기를 사용하는 컨테이너가 될 수

<Provider store={store}> 
    <div> 
     <MasterPage/> 
     <BrowserRouter> 
     <Switch> 
      <Route exact path='/' component={MainPage} /> 
      <Route path='/profile' component={Profile} /> 
      <Route path='/stream' component={Stream} /> 
      <Route path='/store' component={Market} /> 
     </Switch> 
     </BrowserRouter> 
    </div> 
    </Provider> 

로 제공 업체에 구성 요소의를 추가 할 수 있습니다.