Использование connect() из React Redux требует двухэтапного процесса, чтобы связать твоё хранилище Redux с компонентом React.
Создай функцию mapStateToProps(), которая преобразует состояние хранилища Redux в пропсы компонента. Эта функция получает всё состояние хранилища и возвращает объект с пропсами, которые ты хочешь передать компоненту.
function mapStateToProps(state) {
return {
containerData: state.data
}
}
Используй функцию connect(), импортированную из react-redux, чтобы обернуть твой компонент. Это подключает замапленные пропсы к компоненту, делая данные хранилища доступными через this.props.
import React from 'react'
import { connect } from 'react-redux'
class App extends React.Component {
render() {
return <div>{this.props.containerData}</div>
}
}
export default connect(mapStateToProps)(App)
Функция mapStateToProps() получает весь state хранилища Redux в качестве аргумента и должна возвращать объект, свойства которого становятся props компонента.
Новый — ещё не проверен сообществом
Вы