React-Router：失敗的道具類型：路由中提供給`Route`的道具`組件`無效

Question

我不知道這裏出現了什麼問題，並嘗試了許多其他解決方案，但都沒有成功。任何幫助將不勝感激修復這個錯誤。謝謝

"react-router": "^2.8.1"

dashboard.js（節選）

<div className="dash-container"> 
    {this.props.list} 
    {this.props.job} 
    {this.props.children} 
</div> 

routes.js（節選）

<Route path="/" component={App}> 
    <IndexRoute component={Landing} /> 
    <Route path="dashboard" component={Dashboard}> 
    <Route path="jobs" component={{ list: ListContainer }} /> 
    <Route path="jobs/:id" component={{ list: ListContainer, job: JobsDetails }} /> 
    <Route path="accounts" component={AccountsDetails} /> 
    </Route> 
</Route> 

server.js（節選）

<MuiThemeProvider muiTheme={getMuiTheme({ userAgent: 'all' })}> 
    <Provider store={createStoreWithMiddleware(reducers)}> 
    <RouterContext {...renderProps} /> 
    </Provider> 
</MuiThemeProvider> 

Answer 1

一個組件，多個ple組件s：

<Route path="/" component={App}> 
    <IndexRoute component={Landing} /> 
    <Route path="dashboard" component={Dashboard}> 
    <Route path="jobs" component={ListContainer} /> 
    <Route path="jobs/:id" components={{ list: ListContainer, job: JobsDetails }} /> 
    <Route path="accounts" component={AccountsDetails} /> 
    </Route> 
</Route>