通过Route中的道具传递数据

Question

我是React.js的新手，最近了解了npm package react-router-dom（5.0.0）。我想通过Route中的道具在Dashboard组件中传递我的数据。像这样的东西（显示错误）：

<BrowserRouter>
    <NavBar/>
    <Switch>
    <Route exact path="/" component={Dashboard} >
        <Dashboard Project={Something}/>
    </Route>
    <Route path="/createproject" component={CreateProject} />
    </Switch>
</BrowserRouter>

然后访问它：

class Dashboard extends Component {
  render() {
    return <h1>{this.props.Project}</h1>
  }
}

如果有人可以帮助我，我会很感激。

Answer 1

Route render prop允许您在Route中渲染一个组件并将props传递给它。

<Route exact path="/" render={() => <Dashboard project={myProject}} />

请参阅React Router official documentation。