Здравствуйте!
Подскажите пожалуйста, как правильнее всего передать 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 или есть какие-то другие решения?