В Redux есть компонент высшего порядка(HOC) - connect, который принимает в себя 2 параметра
mapStateToProps
и
mapDispatchToProps
и в каррированную ей функцию принимает твой компонент. Сначала описываешь
mapStateToProps
, dispatch можешь не описывать пока. С помощью connect mapStateToProps получает в себя весь state приложения как параметр и ты определяешь что вернёт в твой компонент этот mapStateToProps. См. Пример внизу
import {connect} from 'react-redux'
class App extends Component{
// component body here
}
const mapStateToProps = state => ({
propName: state.path_to_prop
})
export default connect(mapStateToProps, null)(App)
И так же, чтобы твоё приложение видело твой store и имело доступ к dispatch и getState методам делаешь в рутовом компоненте(откуда начинает рендериться твоё приложение)
import {Privider} from 'react-redux'
const store = createStore(root_reducer, initial_state)
ReactDOM.hydrate(
<Provider store={store}>
<Your_root_component />
<Provider />,
document.getElementById('body')
Если не понятно, то читай доку React+Redux
Удачи =]