У меня есть собственный класс компонентов, определенный как экспорт:
export default class Splash extends React.Component {
Я хочу подключить класс Splash к хранилищу redux, чтобы получить состояние redux в реквизитах (или я неправильно понял концепцию?) И чтобы я мог отправлять действия с помощью методов setState. У меня есть mapStateToProps
и mapDispatchToProps
, определенные в Splash.js (или я здесь тоже что-то не так понял?)
Так что я хочу сделать
export default reduxConnect(mapStateToProps, mapDispatchToProps)(Splash);
Но он уже идет на экспорт. Стоит ли менять одну из строк export
? Нужно ли мне использовать reduxConnect для получения реквизита с состоянием и использовать мои методы диспетчера setState?
Сделать это можно следующим образом
import {connect} from 'react-redux'
class Splash extends React.Component {
... rest of the code
... dispatch by referencing props from the connector
}
const mapStateToProps = state = ({
... bind props to the store values here
})
const mapDispatchToProps = dispatch = ({
... dispatch the actions here
})
export default connect(mapStateToProps, mapDispatchToProps)(Splash)
Предлагаю вам ознакомиться с примерами в документации здесь
Хорошо, я имел в виду, что вы можете ознакомиться с примерами использования mapStateToProps
и mapDispatchToProps
.
Я видел эти примеры, но не был уверен, что «основной» экспорт будет потерян, когда я его изменю.