라우터, 여러 구성 요소를 반응 시키십시오 경고 : 실패한 소품 유형 : 'Route'에 제공된 잘못된 구성 '구성 요소'

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}} />