reduxとreact-routerを使って、ルータに小道具を渡す

Question

私はreduxとstatelessコンポーネントを使って私のアプリでルータを設定しようとしています。すべての

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

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

まず、props.childrenが動作していない。ここで

は、私は私のroutes.jsxファイルを持っています。私はそこに何が間違っているのか分からない。もちろん

、私AppRoot.jsxを有する：

{ルート}上記の経路である

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

。 私がここで実際にやっていることは、フッター（そしてnavbarなど）が常に存在するような種類のテンプレートを作成してから、props.childrenをルート上のもの（この例ではTodoList）に変更することです。

Answer 1

AppRoot.jsxに代わりインスタンス成分機能をエクスポートするroutes.jsx

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

とを試してください。

完全な例については

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

はここを見て：https://github.com/reactjs/react-router-redux