Передача данных через реквизит в Route

Question

Я довольно новичок в React.js и недавно узнал о пакете response-router-dom пакета npm (5.0.0). Я хочу передать свои данные в компонент Dashboard через реквизиты в Route. Примерно так (показывает ошибку):

<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 prop позволяет вам визуализировать компонент внутри Маршрута и передавать ему реквизиты.

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

См. Официальную документацию React Router .