redux - react native中的mapStateToProps、mapDispatchToProps类型和选择器有什么区别

Question

我是用 redux react 原生的新手。我试图弄清楚 react-native redux 集成中的所有部分。给我带来麻烦的一件事是理解不同的类型，而选择器会给我更多的细节。

Answer 1

MapStateToProps -> 有他的名字，你可以将状态对象映射到 Prop 。例子:

你有一个这样的商店:

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

然后你需要在你的组件中显示名称，所以在你的容器中你可以使用 mapstatetoprops 访问存储在存储中的这些数据，如下所示:

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

MapDispatchToProps -> 那就是当你需要调度一个 Action 时，你将一个 Action 映射到一个可以在你的组件中使用的 Prop

你有一个类似的 Action :

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

那么你需要在用户点击某个东西抛出这个 Action 时更新你的名字，所以你可以在一个 Prop 中映射这个 Action ，像 updateName('pepito') 和 mapDispatchToProps 一样调用，如下所示:

const mapDispatchToProps = {
  updateName: setMyName,
}

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

选择器是将 Redux 状态作为参数并返回一些数据以传递给组件的函数，如下所示:

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

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