@WeReng

Как передать состояние из Redux Store в ReactDOM.render?

Здравствуйте!
Подскажите пожалуйста, как правильнее всего передать props компоненту Load получив состояние из Redux Store. В данном случае состояние isLoading, которое может быть либо true либо false.
Код выглядит так:
ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <MainLayout>
        <Load loading={Сюда передаем props true или false}/>
        <Route exact path="/" component={Home}/>
      </MainLayout>
    </ConnectedRouter>
  </Provider>,
  document.getElementById('root')
);

Есть мысль в самом компоненте Load сделать connect(mapStateToProps)(Load) и дать ему нужное состояние из store, но не знаю насколько это будет правильно, читал про smart и dump компоненты и в данном случае, мне кажется Load должен быть dump, по-сути он просто отрисовывает загрузку страницы.
Я не очень понимаю как использовать функцию connect, если у меня только ReactDOM.render, какой компонент прописывать в скобках connect(mapStateToProps)(компонент?)
Пожалуйста, помогите с кодом выше и по-возможности скажите правильный ли подход доставать данные из store и передавать в виде props непосредственно в ReactDOM.render или есть какие-то другие решения?
  • Вопрос задан
  • 341 просмотр
Решения вопроса 1
@kristenstewartdadada
Frontend Developer
Не надо боятся лишних коннектов, если это решит вашу проблему. А вообще можно просто сделать <Load loading={store.getState().yourProperty}/>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы