Как передать данные в компоненты, используя роутер?

Question

[maksmaksimovich]

Разбираюсь с реактом, у меня на главной странице есть несколько компонентов, в них передаю данные вот так
<myComponent data={this.state.data} />
Решил добавить роутер на страницу
получилось что-то типа такого

<Router>
        <Fragment>
          <Menu />
          <Route exact path='/component' component={myComponent} />
          <Route path='/another-component' component={mySecondComponent} />
        </Fragment>
      </Router>

Этот головной компонент хранит состояние, как теперь передать данные в эти компоненты из него?
А так же как сделать так, чтобы при загрузке заходило сразу на страницу '/component', а не на '/'?

Answer 1

[Алексей Уколов]

как теперь передать данные в эти компоненты из него?

<Route exact path='/component' render={() => <myComponent prop={value}/>} />

как сделать так, чтобы при загрузке заходило сразу на страницу '/component', а не на '/'?

<Redirect exact from='/' to='/component'/>

Я понимаю, что это удобно, когда за тебя думают другие, но вы попробуйте всё же документацию почитать: https://reacttraining.com/react-router/
Я сам только вчера начал с этой библиотекой работать и, как видите, вполне смог ответить на эти вопросы.