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中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
Vuex和
Redux
的区别
vuex和
redux
的区别Vuex和
Redux
都是用来作全局状态管理的,由于Vuex和
Redux
都是从Flux中衍生出来,同时Vuex对
Redux
部分思想也有一些借鉴,所以Vuex和
Redux
有很多相同点
小吴吴吴呀
·
2024-01-23 09:14
前端
javascript
vue.js
react+
redux
tab切换不覆盖之前的数据
import{Reducer}from'
redux
';import{Effect}from'@/models/connect';exporttypeDType='0'|'1'|'2'|'3';exportinterfaceIState
mollymeaw
·
2024-01-23 07:08
vue和react的差异梳理
使用不可变数据流和状态提升模板系统HTML模板语法JSX(JavaScript扩展语法)组件作用域样式支持scoped样式需要CSS-in-JS库(如styled-components)状态管理Vuex(单一状态树)
Redux
Cofer_Yin
·
2024-01-23 07:49
大前端
vue.js
react.js
前端
势逼 React Native,跨平台开发框架 Flutter 很凶猛
Flutter的2019很是精彩:声网开源了Flutter实时音视频插件AgoraFlutterSDK;闲鱼开源了Flutter应用框架Fish
Redux
;今日头条即将开源能让Flutter真正支持View
Android姿态
·
2024-01-22 23:41
Vue与React的异同
都支持组件化,都有props(properties)的概念,允许父组件往子组件或孙组件传送数据(不允许子组件改变父组件传来的props值)3.都是数据驱动视图4.都支持服务端渲染5.都有管理状态,React有
redux
一车鸡蛋
·
2024-01-22 16:24
javascript
前端
vue.js
react.js
学习
Redux
:React状态管理的简明指南
一、
Redux
介绍
Redux
是React最常用的集中状态管理工具,类似于Vue中的Pinia(Vuex),可以独立于框架运行作用:通过集中管理的方式管理应用的状态为什么要使用
Redux
?
秋の本名
·
2024-01-22 11:37
前端
javascript
react.js
在mapDispatchToProps里操作数据this.setState
react-
redux
将所有组件分成两大类:UI组件和容器组件,组件内需要操作数据可以通过mapStateToPropsmapDispatchToProps完成。
小小的开发人员
·
2024-01-21 17:27
Flutter 常用三方库
flutter_
redux
:在Flutter上使用
Redux
。flutter_webview_plugin:WebView插件。flutter_amap:高德地图Flutter插件。
xq9527
·
2024-01-21 05:51
上一页
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
其他