В чем разница между типами mapStateToProps, mapDispatchToProps и селектором в реактивном

Question

Я новичок, чтобы реагировать на родных с редуксом.Я пытаюсь выяснить, как все компоненты реагируют на естественную интеграцию редуксов.Единственное, что доставляет мне неприятности, это понимание типов различий, а селектор дает мне больше деталей.

Answer 1

MapStateToProps -> его имя говорит, вы можете сопоставить объекты состояния с реквизитом.Пример:

У вас есть магазин, подобный этому:

{
  name:'paul',
  surname:'watson'
}

Затем вам нужно показать в вашем компоненте имя, чтобы в вашем контейнере вы могли получить доступ к этим данным, хранящимся в магазине, с помощью mapstatetoprops,как это:

const mapStateToProps = (state, ownProps) => ({
  myname: state.name,
})

---

MapDispatchToProps -> то есть, когда вам нужно отправить действие, вы сопоставляете действие с подпоркой, которую вы можете использовать в своем компоненте

У вас есть действие, подобное:

const setMyName = payload => ({
  type: SET_MY_NAME,
  payload,
})

, тогда вам нужно обновить свое имя в магазине, когда пользователь щелкнет что-нибудь, бросить это действие, чтобы вы могли сопоставить это действие в реквизит для вызова вида updateName ('pepito').) с mapDispatchToProps, например:

const mapDispatchToProps = {
  updateName: setMyName,
}

---

Селекторы -> это просто код абстракции, селекторы делают вашу жизнь проще.

Селекторы - это функциикоторые принимают состояние Redux в качестве аргумента и возвращают некоторые данные для передачи компоненту, например:

const getDataType = state => state.editor.dataType;

---

Вот основные понятия, вы должны прочитать официальный документ и поиск, в Интернете многостатейоб этом.