搜索结果
查询Tags标签： redux，共有 94条记录-
使用react+redux实现弹出框案例
redux 实现弹出框案例 实现效果，点击显示按钮出现弹出框，点击关闭按钮隐藏弹出框 新建弹出框组件 src/components/Modal.js, 在index.js中引入app组件，在app中去显示计数器和弹出框组件 function Modal ({ showState, show, hide }) {const styles = {width: 200,heigh…
2022/10/24 4:24:15 人评论 次浏览 -
【九月打卡】第二十二天 React的行内样式与CSS
课程：React18 系统精讲 章节：Redux-toolkit 讲师：阿莱克斯刘 课程内容 Sample 先来大概梳理一下 RTK thunk的流程，先看一看文档的案例。整个thunk流程可以分为三个部分，分别是创建、分发、以及处理创建需要使用createAsyncThunk函数，例子中创建了以名叫fetchUserByI…
2022/9/29 4:16:19 人评论 次浏览 -
【九月打卡】第二十一天【redux-toolkit】
课程：React18 系统精讲 章节：Redux-toolkit 讲师：阿莱克斯刘 课程内容 【redux-toolkit】createSlice、reducer、与immer 上节课，我们学习了redux-toolkit的基本原理，讲解了几个比较关键的api。这些课，我们来给项目添加redux-toolkit框架，然后把产品详情页面从mvc改…
2022/9/28 4:16:23 人评论 次浏览 -
Redux源码分析之combineReducers
combineReducers 对于业务复杂的应用，我们通常使用combineReducers拆分不同的reducer给不同的模块去消费 如果不同的模块需要做状态共享，可以使用相同的reducer 使用 import {createStore,combineReducers } from redux import header from ./reducer/header import per…
2022/7/5 1:26:14 人评论 次浏览 -
vue和react的组件传值
vue组件传值 1. 父组件给子组件传值父组件给子组件传值的地方，添加自定义的属性，属性的值就是需要传递给子组件的值，如果属性的值为变量，boolean类型，number类型，对象，数组，null，undefined，需要使用绑定属性<!-- 父组件中使用子组件 --> <!-- n和list是…
2022/6/16 23:22:07 人评论 次浏览 -
Redux 源码阅读（一）：源码调试
Redux 源码阅读（一）：源码调试 版本信息 开发环境、npm包版本信息：名称 版本yarn 1.22.17redux 5.0.0-alpha.0react 18.1.0OS Microsoft Windows [版本 10.0.19044.1645]Google Chrome 版本 103.0.5057.3（正式版本）dev （64 位）初始化React项目 创建React项目 通过 …
2022/5/25 1:21:30 人评论 次浏览 -
react-router v3 升级至 v6 探索小结
背景 在当前业务项目中使用的 react-router 版本为 3.x, 而当前主流使用的是 5.x 以上, 本文就来探究 react-router 升级的方案 当前情况 目前使用的是 react-router3.x 版本 再加上和 redux 的搭配库 react-router-redux 一起使用的 4.x 5.x API 的变动因为 4 和 5 之间差…
2022/4/14 6:17:08 人评论 次浏览 -
Redux源码分析——2，发出更新请求
文章目录 发出更新请求发出更新请求 代码也很少。 function dispatch(action: A) {if (!isPlainObject(action)) {throw new Error(`Actions must be plain objects. Instead, the actual type was: ${kindOf(action)}. You may need to add middleware to your store set…
2022/3/21 20:27:34 人评论 次浏览 -
基于react的框架使用react-redux的使用用法
1.Redux 基本使用yarn add redux@4 2.Redux 异步请求yarn add redux-thunk 3.Redux 跨组件传值yarn add react-redux// store/index.js import {createStore,applyMiddleware} from redux //它是一个 中间件，是没有办法直接进行注入的，所以应该调用一个方法，这个方法可…
2022/3/10 6:15:01 人评论 次浏览 -
[Flutter] fish_redux自定义tabController
fish_redux自定义tabController STEP01 page ///混入SingleTickerProviderMixin class TabbarPage extends Page<TabbarState, Map<String, dynamic>> with SingleTickerProviderMixin<TabbarState> {......}STEP02 effect /// effect 在生命周期里初始…
2022/3/6 6:15:06 人评论 次浏览 -
[Flutter] fish_redux是怎么分工合作的
fish_redux是怎么分工合作的 01: 声明 本文章只是本小白的拙见，fish_redux对我来说还是比较难的框架，学习了几天，很多东西仍然一知半解。所以自己写点浅薄的东西记录一下自己的理解，如果有幸被大佬看到，出错的地方请不吝赐教。 02: 流程图 放上小呆呆大佬画的流程图，…
2022/3/6 6:15:06 人评论 次浏览 -
Redux源码解析一 createStore.js
createStore.js 代码 createStore是一个方法，可以看到有三个参数 reducer：action处理函数reducer preloadedState：初始状态state enhancer：增强器函数，也就是我们说的中间件函数 首先是三个if判断，可以看到reducer必须是函数，preloadedState必须非函数，如果prelo…
2022/1/14 20:05:39 人评论 次浏览 -
Redux源码解析一 createStore.js
createStore.js 代码 createStore是一个方法，可以看到有三个参数 reducer：action处理函数reducer preloadedState：初始状态state enhancer：增强器函数，也就是我们说的中间件函数 首先是三个if判断，可以看到reducer必须是函数，preloadedState必须非函数，如果prelo…
2022/1/14 20:05:39 人评论 次浏览 -
React-redux
Redux解耦合 React项目中使用Redux管理状态数据，导致组件中出现了大量store.method调用方式,让两个不同技术之间的代码的耦合度太高，不利于后期项目的维护 react提供了一个模块：react-redux，转么用于解耦合react组件，redux状态管理模式Provider: 提供者的意思，提供数…
2021/12/15 6:23:53 人评论 次浏览 -
React-redux
Redux解耦合 React项目中使用Redux管理状态数据，导致组件中出现了大量store.method调用方式,让两个不同技术之间的代码的耦合度太高，不利于后期项目的维护 react提供了一个模块：react-redux，转么用于解耦合react组件，redux状态管理模式Provider: 提供者的意思，提供数…
2021/12/15 6:23:53 人评论 次浏览
