Requisiten an Router übergeben, mit redux und react-router

Question

Ich versuche den Router in meiner App mit redux und statuslosen Komponenten einzurichten.

Hier habe ich meine routes.jsx Datei:

const TodoApp = (props) => { 
    return (
     <div> 
      {props.children} 
      <Footer /> 
     </div> 
    ) 
}; 

export default (
    <Route component={TodoApp}> 
     <Route path='/' component={TodoList} /> 
    </Route> 
); 

Zunächst einmal props.children funktioniert nicht. Ich weiß nicht, was da drin falsch ist.

Natürlich, ich habe meine AppRoot.jsx:

export default (
    <Provider store={store}> 
     <Router history={history}> 
      {routes} 
     </Router> 
    </Provider> 
) 

wo {Routen} sind die Routen oben. Was ich hier eigentlich versuche, ist eine Art Vorlage, wo die Fußzeile (und die Navigationsleiste oder was auch immer) immer da ist, und dann ändere ich die mit was auch immer auf der Route ist (TodoList in diesem Beispiel)

Answer 1

Versuchen zu Exportkomponente Funktion statt Instanz in routes.jsx

export default() => (
    <Route component={TodoApp}> 
     <Route path='/' component={TodoList} /> 
    </Route> 
); 

und AppRoot.jsx:

export default() => (
    <Provider store={store}> 
     <Router history={history}> 
      {routes} 
     </Router> 
    </Provider> 
); 

Ausführliche Beispiele werfen Sie einen Blick hier: https://github.com/reactjs/react-router-redux