我是React Native和Redux的新手。我正在尝试弄清楚React Native和Redux集成中的所有组件。使我困扰的一件事是理解不同的类型和选择器,给我更多细节。
我是React Native和Redux的新手。我正在尝试弄清楚React Native和Redux集成中的所有组件。使我困扰的一件事是理解不同的类型和选择器,给我更多细节。
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;
这是一个基本概念,您应该阅读官方文档并在互联网上搜索,有许多关于此的文章。
最初的回答:
这是一个基础概念,建议您查阅官方文档并在互联网上搜索相关文章。