E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
【Redux
【React】
redux
状态管理、react-
redux
状态管理高级封装模块化
【React】react组件传参、
redux
状态管理一、
redux
全局状态管理1、
redux
概述2、
redux
的组成1.1State-状态1.2Action-事件1.3Reducer1.4Store3、
香菜啵子欸
·
2024-02-05 09:37
React
笔记
react.js
前端
前端框架
React+Django项目部署过程
前端技术栈:React+
Redux
+ReactKeeper+Antd脚手架:create-react-app格式检查:prettier+eslint(配置方法)前后端交互:Fetch因为刚搞React,
菜菜少吃菜
·
2024-02-05 08:51
Vuex 简单使用
Vuex是一个类
redux
的状态管理器,我们可以通过vuex对复杂状态进行管理,当一个页面存在多级父子状态调用,或者兄弟之间状态调用的时候,我们就可以使用vuex进行状态管理。
nihao561
·
2024-02-04 19:33
vue
前端
vue.js
react-
redux
基本使用思考
18Provider组件与connect方法importReactfrom"react";importReactDOMfrom"react-dom";import{Provider}from"react-
redux
钢笔先生
·
2024-02-04 10:29
react状态管理器-zustand
特性不需要像
redux
那样在最外层包裹一层高阶组件,只绑定对应关联组件即可(当在其他组件/方法修改状态后,该组件会自动更新)异步处理也较为简单,与普通函数用法相同支持hook组件使用、组件外使用提供middleware
sssgoEasy
·
2024-02-04 08:21
React Router 4.0学习
当然,如果搭配
redux
,你还需要使用react-router-
redux
。
lmmy123
·
2024-02-04 05:45
react脚手架 安装react-
redux
@connect修饰符
1npminstall-Dbabel-plugin-transform-decorators-legacy2第二步需要在package.json中babel属性下平级添加如下代码(可能需要你npmruneject)"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}],]3组件就可以使用@connect修饰符了如下是我的代码
喜欢唱Hi歌的
·
2024-02-03 13:49
redux
实现原理
1、为什么要使用
redux
?我们都知道在React中,数据在组件中是单项绑定的。父组件向子组件传递数据可以通过props,但是兄弟组件之间传递数据就比较麻烦。
redux
就可以解决这一问题。
洋仔_018b
·
2024-02-03 12:33
React中useReducer的使用
文章目录1.概述2.useReducer使用3.使用useReducer完成todolist列表功能1.概述useReducer这个Hooks在使用上几乎跟
Redux
一模一样,唯一缺点的就是无法使用
redux
月光晒了很凉快
·
2024-02-03 00:57
React
react.js
javascript
前端
Reducer 和 Context实现简单的
Redux
它们消除了
Redux
中的一些模板代码和配置,使得代码更加简洁和易于理解。
雾岛听风来
·
2024-02-03 00:23
react.js
javascript
前端
【React】react组件传参
react组件传参一、props:父组件向子组件传参1、将普通的参数作为props传递2、将jsx作为props传递(组件插槽)二、自定义事件:子父组件向父组件传参三、context进行多级组件传参四、
redux
香菜啵子欸
·
2024-02-02 23:45
React
笔记
react.js
javascript
前端
react——组件通信
非父子组件通信,跨域的比较大,组件层级嵌套比较多,因此相对来说会比较复杂,但是也有方式来实现:状态提升(中间人模式,前提是必须是亲兄弟,关系复杂后不适用),发布订阅者模式(实际开发中用
redux
),context
夏*想想
·
2024-02-02 20:15
react学习
react.js
前端
前端框架
react 之 zustand
zustand可以说是
redux
的平替官网地址:https://zustand-demo.pmnd.rs/1.安装npmizustand2.基础使用//zustandimport{create}from'zustand
jiojio在学习勒
·
2024-02-02 19:26
React
react.js
javascript
ecmascript
10个React状态管理库推荐
1.
Redux
-无疑是React社区的明星!提供了可预测的状
树上有只程序猿
·
2024-02-02 13:16
react.js
前端
前端框架
2019-07-12 React(高阶组件HOC、context、
Redux
)
1、高阶组件就是一个函数,传给它一个组件,它返回一个新的组件。高阶组件的作用其实不言而喻,其实就是为了组件之间的代码复用。组件可能有着某些相同的逻辑,把这些逻辑抽离出来,放到高阶组件中进行复用。高阶组件内部的包装组件和被包装组件之间通过props传递数据。它其实就是设计模式里面的装饰者模式。它通过组合的方式达到很高的灵活程度。2、image.png3、一个组件可以通过getChildContext
柳叁叁
·
2024-02-02 13:41
从0搭建react+ts+
redux
+axios+antd项目
文章目录一、安装及初始化二、TypeScript配置三、Webpack配置四、Prettier统一编码风格五、使用less六、Antd安装及使用七、添加Router及配置八、安装axios九、添加
redux
Ying(英子)
·
2024-02-02 08:55
web前端
react
react.js
前端
前端框架
redux
react+antd
typescript
react项目搭建
web应用课——(第五讲:React)
目录一、配置环境二、ES6语法补充三、Components四、组合Components五、路由六、
Redux
一、配置环境感谢z神(zst_2001)的分享:git下载与安装Node.js下载与安装React
大小胖虎
·
2024-02-01 21:04
前端
react.js
javascript
node.js
后端
框架
笔记
基于react+typescript+
redux
的美团外卖点餐购物车的项目(二)附源码
文章目录一、
redux
配置1.store/modules/takeaway.tsx:2.store/hook.tsx3.store/index.tsx4.src/index.tsx二、页面布局1.app.tsx2
-_-你好-_-
·
2024-02-01 20:03
react.js
typescript
前端
基于react+typescript+
redux
的美团外卖点餐购物车的项目(一)
文章目录一、项目展示二、项目准备二、目录准备数据准备后续一、项目展示二、项目准备本次基于react+typescript+
redux
的美团外卖点餐购物车的项目需要用到的技术栈如下@
redux
js/toolkit
-_-你好-_-
·
2024-02-01 20:31
react.js
typescript
前端
React Router 完美教程(下)
我们书接上回,继续我们的ReactRouter路由之路:我们到目前为止都没有用到state、useEffect、
redux
等状态管理器。但也达到了我们的设计目的。
码蚁先生
·
2024-02-01 16:06
前端react技术积累
react.js
前端
前端框架
Redux
javascript
ReactRouter
React路由
React-RTK:Selector unknown returned a different result when called with the same parameters.
在React项目中,使用
redux
-toolkit编写
Redux
逻辑,有如下代码://store/hooksimport{TypedUseSelectorHook,useSelector,useDispatch
奋斗的小栗子
·
2024-02-01 13:19
TypeScript
React
react.js
前端
typescript
npm ERR! code CERT_HAS_EXPIRED
networkrequesttohttps://registry.npmjs.org/react-
redux
failed,reason:connectETIMEDOUT104.16.2.35:443npmERR
一只大黑洋
·
2024-02-01 11:23
npm
前端
node.js
关于
Redux
的学习
关于
Redux
的学习一、什么是
Redux
二、如何使用
Redux
三、
Redux
的三个基本组成一、什么是
Redux
redux
是一个独立专门用于做状态管理的JS库(不是react插件库),它可以用在react
蛞蝓不孤寡
·
2024-02-01 10:19
Redux
学习
javascript
前端
React通用后台模板
npminitvite打开package.json,参考以下各模块版本:"dependencies":{ "react":"^18.2.0", "react-dom":"^18.2.0", "react-
redux
26:28
·
2024-01-31 15:01
react.js
前端
前端框架
React 面试题
的方式子组件传父组件:父组件将自身函数传入,子组件调用该函数,父组件在函数中拿到子组件传递的数据兄弟组件通信:找到共同的父节点,用父节点转发进行通信跨层级通信:使用contetx可跨域多层传递全局数据全局状态管理工具:
redux
MissXu666
·
2024-01-31 12:11
前端面经&面试题
react.js
前端
前端框架
dva初步学习理解
官方文档写在开头dva的出现其实要因为它集合了
redux
和
redux
-saga。
黑莓小宝闪电朵朵
·
2024-01-31 07:30
【前端100问】Q23:聊聊
Redux
和 Vuex 的设计思想
写在前面此系列来源于开源项目:前端100问:能搞懂80%的请把简历给我为了备战2021春招每天一题,督促自己从多方面多角度总结答案,丰富知识聊聊
Redux
和Vuex的设计思想整合地址:前端100问正文回答在软件开发里
alanwhy
·
2024-01-30 15:12
跨组件通信
vue:statemutationactionmodule
redux
:statereduceractionconbine合并reducer第一步:我们在login组件中创建一个
redux
.jsconstinitState
稻草人_9ac7
·
2024-01-30 13:24
React一学就会(7): 细说
redux
及其应用
本系列课程以React
Redux
、ReactRouter、Axios、styled-components、
redux
-thunk、ReactTransitio
码蚁先生
·
2024-01-30 09:57
前端react技术积累
react.js
前端
前端框架
javascript
Redux
React组件通信、父传子实现、子传父、兄弟组件通信、跨组件通信 Context
在这个过程中不可避免要传递一些数据为了能让各组件之间进行互相沟通,数据传递,这个过程就是组件通信父子关系-最重要的兄弟关系-自定义事件模式产生技术方法eventBus/通过共同的父组件通信其他关系-mobx/
redux
雨落云尚
·
2024-01-29 08:42
react.js
javascript
前端
React + React-router +
Redux
的前端代码框架
React+React-router+
Redux
的前端代码框架此前的教程中,分别在介绍React-router和
Redux
的时候,都介绍了各自的代码文件结构特点。
Eternal丶星空
·
2024-01-29 07:30
细品 javascript 设计模式(单利模式)
例如
redux
中的store,线程池,全局缓存,浏览器window对象等。
石兴龙
·
2024-01-29 05:31
22.React学习笔记.JavaScript纯函数
-
redux
中,reducer也必须是纯函数。
_生生不息_
·
2024-01-29 03:47
React 之react-
redux
的connect方法的使用说明
概述:React-
Redux
将所有组件分成两大类:UI组件和容器组件。
大飞飞鱼
·
2024-01-28 13:24
node.js
nodejs
HTML5技术
react.js
javascript
前端
与react的初定情素
目录概览基本表达式{}列表渲染条件渲染事件的绑定组件useStateHook函数样式classnames工具化类名控制获取DOM工具库组件通信useEffect封装自定义Hook函数
Redux
Router
我就不思
·
2024-01-27 09:33
REACT
react.js
前端
前端框架
react的简单版
redux
:
//导入必要的依赖importReactfrom'react';import{createStore}from'
redux
';import{Provider,useSelector,useDispatch
张滚滚QAQ
·
2024-01-27 08:13
react.js
javascript
前端
渐进式手写
Redux
您好,如果喜欢我的文章或者想上岸大厂,可以关注公众号「量子前端」,将不定期关注推送前端好文、分享就业资料秘籍,也希望有机会一对一帮助你实现梦想我们还是先回顾一下
Redux
的基本使用,看一下下面这个简单的例子
sorryhc
·
2024-01-27 02:40
状态模式
前端
javascript
redux
redux
配置中间件后,
redux
调试工具DEVTools不能用,这可咋整
redux
配置中间件后,
redux
调试工具DEVTools不能用,这可咋整我的第一篇技术博客,请各位大佬多多指点,问题如上,我使用的是
redux
-think中间件,主要用来存放一些ajax请求,配置过程仿照官网
EcbJS
·
2024-01-26 14:50
react native 父组件与子组件之间如何相互传值
PS.使用props来传递事件,并通过回调的方式实现,这样的实现其实不是特别好,但在没有任何工具(
redux
)的情况下不失为一种简单的
Min_nna
·
2024-01-26 10:51
React
Native
react.js
javascript
前端
第六章(原理篇) 微前端间的通信机制
文章目录微前端间的通信机制通信需求常用的通信方式1.CustomEvent2.
Redux
3.消息总线(MessageBus)4.本地存储(LocalStorage/SessionStorage)5.跨文档通信
球球不吃虾
·
2024-01-26 09:18
微前端
前端
React和Vue的生态系统有何不同?
生态系统丰富:React周边有很多优秀的第三方库和插件,例如ReactRouter、
Redux
、MaterialUI等,可以帮助开发人员更好地构建应用程序。灵活性强:React本身只关注UI层,
这我可不懂
·
2024-01-26 00:27
vue.js
javascript
ecmascript
面试涉及的知识点
csshtml重点:javascript(闭包,作用域,高级特性)重点:es6async,作用域,模块化,promise,类,结构析构html5css3React几种数据传递的方法,生命周期,React原理
Redux
向布谷鸟说早安
·
2024-01-25 21:18
Flutter中状态管理选项的比较:利弊探索
这些状态管理库如下:文章目录InheritedWidget使用流的BLoC(业务逻辑组件)模式Provider
Redux
MobXRiverpodG
独立开发者张张
·
2024-01-25 19:16
Flutter开发技术
flutter
开发语言
边黎安 reactnataive 0.60 react 最深最全的react 的原理探究 死磕源码
改装dispactch派发action-》(中间件(redvx-thunk(转化成fun))(store.dispatch))store=》reducerredvx-thunk(源码)
redux
-thunk
大神边黎安
·
2024-01-25 11:12
React和Vue的有何不同?
生态系统丰富:React周边有很多优秀的第三方库和插件,例如ReactRouter、
Redux
、MaterialUI等,可以帮助开发人员更好地构建应用程序。灵活性强:React本身只关注UI层,
树上有只程序猿
·
2024-01-25 07:38
vue.js
react.js
javascript
Redux
如何改善预测性
可预测性
Redux
以多种方式提高了Web应用程序的可预测性。我们从上一节(什么是
Redux
/它为何会存在?)中看到,数据被合并到一个集中的位置:store。
StevenQin
·
2024-01-24 17:18
Redux
的使用方法,目前借助的是
redux
js/toolkit
redux
工具
@1第一步安装
redux
的插件:npmi@
redux
js/toolkitreact-
redux
@2第二步创建store文件夹下创建index.ts文件import{configureStore}from
h960822
·
2024-01-24 17:07
javascript
开发语言
ecmascript
Redux
最近开始学习React和Next,增加
Redux
是,遇到了一个问题,extraReducers总是无法被调用,由于是初学,不知道改如何下手,搜了很多资料都没有解决,最后只好重新创建一个新的项目,把之前的写的挪过去
飘落寒冰
·
2024-01-23 20:11
vue2(Vuex)、vue3(Pinia)、react(
Redux
)状态管理
vue2状态管理VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它使用集中式存储管理应用的所有组件的状态,以及规则保证状态只能按照规定的方式进行修改。State(状态):Vuex使用单一状态树,即一个对象包含全部的应用层级状态。这个状态树对应着一个应用中的所有状态。Getters(获取器):Getters允许你在模板中计算状态。相当于组件中的计算属性。可以对state中的数据进行
又又爱拍照
·
2024-01-23 17:53
前端
前端框架
redux
、react-
redux
、
redux
-thunk、immutable、
redux
-immutable 实现各组件同步、异步状态管理
1.安装依赖库注意:immutable版本,如果出错可版本回退到immutable@^3.8.2npmi
redux
react-
redux
redux
-thunkimmutable@^3.8.2
redux
-immutable-S2
暴躁程序员
·
2024-01-23 14:48
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他