React Router不渲染Route组件

Question

我有一个对象数组，我想使用它们来渲染一些模板化页面。我尝试通过数组映射并为每个对象返回一个Route：

yourNavigationView.setItemIconTintList(null);

缩略图被包装在Link标记中，该标记导致指向作为道具向下传递的路径。当我尝试单击缩略图之一时，什么都不会呈现。

此处提供完整代码和有效的应用程序：https://repl.it/repls/NoteworthyDetailedForm

1

我在做什么错了？

Answer 1

编辑：

我在这里工作了： https://repl.it/@wichopy/NoteworthyDetailedForm

我做了几件事。

路径应以正斜杠（'/'）开头。 我在Main组件中定义了所有路由，并将其放置在Switch中，该Switch一次只能呈现一条路由。

原件： Route内的组件prop应该只是未实例化的组件，React路由器将处理其渲染并将prop传递给它。

如果您想控制要按下的道具，请使用渲染代替组件：

 <Route <!-- HERE I CREATE A ROUTE -->
    path={path}
    render={(props) => <HeroPage hero={hero} {...props}/>}
    key={i + 365}
 />

如果您只想使用组件：

 <Route <!-- HERE I CREATE A ROUTE -->
    path={path}
    component={HeroPage}
    key={i + 365}
 />