mapStateToProps、mapDispatchToProps和selector在React Native中有什么区别？

Question

我是React Native和Redux的新手。我正在尝试弄清楚React Native和Redux集成中的所有组件。使我困扰的一件事是理解不同的类型和选择器，给我更多细节。

- Dishant Chanchad

---

看起来你还没有阅读文档。 - J. Hesters

Answer 1

MapStateToProps -> 正如其名称所示，您可以将状态对象映射到props。例如：

您有一个这样的存储：

Original Answer:

MapStateToProps is used to map state objects to props. For example, if you have a store like this:

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

那么你需要在组件中显示名称，这样在容器中，你可以通过mapstatetoprops访问存储在store中的数据，就像这样：

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

---

MapDispatchToProps -> 当您需要分派一个动作时，您将一个动作映射到一个属性中，以便在组件中使用。

您有一个动作如下：

Original Answer: "最初的回答"

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

如果用户点击某个操作，那么您需要通过更新store中的名称来实现此操作，因此您可以将此操作映射到一个prop中，以便使用mapDispatchToProps进行调用，如下所示：

updateName('pepito')

"最初的回答"

const mapDispatchToProps = {
  updateName: setMyName,
}

---

选择器 -> 它只是一个抽象的代码，选择器让你的生活更加轻松。

选择器是函数，它以Redux状态作为参数并返回一些数据以传递给组件，就像这样:

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

---

这是一个基本概念，您应该阅读官方文档并在互联网上搜索，有许多关于此的文章。

最初的回答：

这是一个基础概念，建议您查阅官方文档并在互联网上搜索相关文章。

- Javierif

---

很高兴认识你。谢谢你帮助我。 - Dishant Chanchad