反応ルータ、複数のコンポーネント警告：失敗した小道具タイプ：無効な小道具 'コンポーネント'がルートに供給

Question

https://github.com/ReactTraining/react-router/blob/master/docs/API.md#components-1によると、私は自分のルートに複数のコンポーネントを指定しています。それは正常に動作するようだが、私は警告に留意するのが好きです。

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

この警告では、他にもいくつか質問がありました。答えは、通常、スペルチェックです。私はスペルの問題だとは思わない。

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

最初は何の警告を取得していないが、もう一つは（私は実際には複数のコンポーネントを指定していたルートがそうであるように）ありません。

Answer 1

component = components

複数のコンポーネントがcomponentsプロパティを介して提供されている、いないcomponent単数：！

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

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