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

反应路由器，多个组件警告：失败道具类型：提供给`Route`的无效道具`组件`

1 个答案: