Wie kann ich MasterPage in React-Router-Redux erstellen, die mit Redux verbinden?

Question

Ich möchte eine Masterpage mit Navigationsleiste und Login-Profil erstellen. Der Login-Profil-Bereich verbindet redux, um Daten vom Reducer zu erhalten. Wie kann ich es in der App machen? App erstellt auch Provider mit Shop-Parameter, also kann ich seinen Container machen? Wo sollte ich meine Masterseite oder ihre Artikel platzieren?

Hinweis: Nicht Hauptseite, 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

Sorry für Verwirrung, könnten wir Komponente in Anbieter als

<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> 

hinzufügen So können Master Behälter sein Minderer zu verwenden.