2016-12-15 51 views
0

根据https://github.com/ReactTraining/react-router/blob/master/docs/API.md#components-1,我在我的路线中指定了多个组件,并且我收到了警告。它似乎工作正常,但我喜欢听取警告。反应路由器,多个组件警告:失败的道具类型:提供给`Route`的道具`组件'无效

Warning: Failed prop type: Invalid prop `component` supplied to `Route`. 

我看到这个警告的其他几个问题,答案通常是检查拼写。我不认为这是拼写问题。

<Route path="search" component={Search} /> 
<Route path="search2" component={{main:Search}} /> 

第一个没有警告,但第二个没有警告(就像我实际上指定多个组件的路线一样)。

回答

2

component =通过components财产提供components

多个组件,而不是单一component

// # component; singular 
<Route path="/" component={App}> # component; singular 

    // # components; plural 
    <Route path="groups" components={{main: Groups, sidebar: GroupsSidebar}} /> 
+0

哎呦!错过了's'。谢谢! *脸红* – Sigfried

相关问题