通过路线

Question

我对React.js相当陌生，最近了解了npm包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

路线render道具可让您在路线内渲染组件并将道具传递给它。

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

有关此信息，请参见React Router official documentation。