2016-11-10 14 views
0

私はこの問題が何であるか分かりません。このエラーを解決するために助けていただければ幸いです。ありがとうReact-Router:失敗した小道具タイプ:ルートのRouteに無効な小道具 'component'があります

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

答えて

0

1つのコンポーネント、マルチPLEコンポーネント

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

私はそれが修正した望みます。私は 's'を追加しましたが、同じエラーがまだ文句を言います –

+0

また、仕事のルートを変更しましたか? 'components = {{list:ListContainer}}'または 'component = {ListContainer} 'へ –

+0

私はそれをさらに再現できません、ごめんなさい:http://jsbin.com/vokalud/1/edit?html,js,output –

関連する問題