摘要: react-redux 的使用(三) 单个组件的场景下,我们已经学会了如何从仓库里面拿值,那么其他组件怎么拿呢? 关键在于store目录下的index.js文件,如下: import { createStore, applyMiddleware, combineReducers } from 're 阅读全文
posted @ 2024-01-25 18:54 朱在春 阅读(4) 评论(0) 推荐(0) 编辑
摘要: react-redux 的使用(二) 从前面我们可以发现,这个react-redux还要建一个容器的文件,主要它还是一对一的关系(即某个jsx文件要用仓库,就得再建一个容器目录),太繁琐了,所以这一节谈谈如何简化使用 即将原来容器组件里面代码移到 UI 组件中来,代码如下: import {conn 阅读全文
posted @ 2024-01-25 17:11 朱在春 阅读(3) 评论(0) 推荐(0) 编辑
摘要: react-redux 的使用(一) 其实它的使用还是离不开 redux 它分为两部分,UI 组件和容器组件(注意,原有的store文件内容不改变,并且在APP.js渲染的是容器组件) 此时产生了一个大改变,就是在页面不再通过store获取数据,而是this.props.xxx 容器文件代码如下: 阅读全文
posted @ 2024-01-25 16:52 朱在春 阅读(7) 评论(0) 推荐(0) 编辑
摘要: Redux 的使用(二) 这一节主要是讨论异步Redux的使用,关键是这个异,异在哪里? 其实它是异在{ type: 'xxx', data: 'xxx' }的地方,即晚一点传这个东西,代码如下: store.dispatch((dispatch, getState, extraArgument) 阅读全文
posted @ 2024-01-25 16:33 朱在春 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Redux的使用 store 文件如下 import { createStore } from 'redux' export const store = createStore((preState = 0, { type, data }) => { switch (type) { case 'add 阅读全文
posted @ 2024-01-25 16:15 朱在春 阅读(2) 评论(0) 推荐(0) 编辑