react-redux

react 的组件之间的通信问题 （相当于vue中vuex）

index,js中下载yarnaddreact-redux和redux引入import{**createStore**}from'redux'引入import{**Provider**}from'react-redux'const
luoxindong·2023-09-24 01:01

2021-04-02React 从15.3升级到16.x需要升级的依赖

"react-dom":"^16.14.0","react-redux":"^5.1.2","react-router":"^3.2.6","react-router-redux":"^4.0.8","
熊猫拳击手·2023-09-23 20:14

react中dispatch_react-redux中连续两次dispatch-actions有顺序吗？

你的问题跟桥接库react-redux这个库无关，单纯跟核心库redux有关。
weixin_39938522·2023-09-23 13:33

react中dispatch_react-redux中dispatch是异步？

//component.jsimport{connect}from'react-redux';importactionfrom'..
小k小y小小m·2023-09-23 13:02

模仿react-redux源码实现

kReactRedux.js:引入useContext,导出Provider函数，实际是用context.Provider包裹的，传入store导出connect函数：获取storegetMoreProps:返回一个带state的值和带type的dispatch方法的对象bindActionCreators:生成一个actionType:dispatch函数的对象bindActionCreator
key君·2023-09-22 15:20

redux的简单应用

1、安装redux和react-redux：npmireduxreact-redux--save-dev2、在需要使用redux的组件内新建一个文件夹'reducer.js'；创建名为reducer的js
见月荒州·2023-09-21 15:46

useContext

3、Mobx，Redux，Saga，DVA,ZuStand是比较常见的，也有redux-saga,react-redux等4、在Redux中，异步操作需要借助第三方库reduc-thunk、redux-promise
每天吃饭的羊·2023-09-19 08:02

react-redux 核心原理实现 - 附加 useMemo和UseCallBack

react-redux核心原理实现-附加useMemo和UseCallBackredux不是react官方出的库，react-redux才是react官方出的库，是在redux的基础上进行封装。
Jimmy雪雪·2023-09-15 22:59

react-redux使用说明

[](()2、实现步骤====================================================================[](()2.1、安装依赖cnpmireduxreact-redux--save[](()2.2、封装底层代码项目目录结构srcstore管理状态的目录index.js用于生成store对象reducer.js用于生成reducer函数sta
m0_70646869·2023-09-12 11:27

react学习笔记系列（二）(包含redux模式)

react生命周期钩子函数react中的DOM操作：props.children实现组件的类似插槽效果：react防范xss攻击：静态属性：React规范高阶组件状态提升context变量react-redux
LynnWonderLu·2023-09-12 11:26

react学习笔记系列（四）（react-redux）

redux模式的原理此处不再赘述，以下主要参考了Redux详解，以及阮一峰老师的博客，其他内容可以参考我的前一篇博客：react学习笔记系列（二）redux是什么？类比vux，就是状态管理redux的设计思想（1）Web应用是一个状态机，视图与状态是一一对应的。（2）所有的状态，保存在一个对象里面。使用场景用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管理员）多个用户之间可以协作
LynnWonderLu·2023-09-12 11:26

redux, react-redux中的重要API解析

ReduxRedux的设计理念很简单：Web应用是一个状态机，视图与状态是一一对应的，应用的状态保存在一个对象中。理解redux之前，我们要知道几个概念，store,reducer,action.store掌管整个应用的状态,整个应用只能有一个store。通过store.getState()获取应用某个时间点的快照（状态），通过store.dispatch分发actionRedux规定：一个Sta
一瓣山河·2023-09-11 21:46

react-redux实践

react-redux实践了解1、什么是redux官方解释：redux是js应用的可预测状态的容器。可以理解为全局数据状态管理工具（状态管理机），用来做组件通信等。
joeal·2023-09-10 18:04

规范化 Redux 使用

/App';import{Provider}from'react-redux'importstorefrom'./store'
积极向上的十六·2023-09-10 03:05

react-redux 的使用

react-reduxReactRedux是Redux的官方ReactUI绑定库。它使得你的React组件能够从Reduxstore中读取到数据，并且你可以通过dispatchactions去更新store中的state安装npminstall--savereact-reduxProviderReactRedux包含一个组件，这使得Reduxstore能够在应用的其他地方使用改造index.js页
积极向上的十六·2023-09-10 03:03

React-Redux 老版本 connext的使用记录（只为记录）

Redux最新用法参考个人React专栏react初级学习React-Redux是一个用于将React应用程序连接到Redux状态管理器的库。
画了五官的猕猴·2023-09-09 19:35

React-Hooks 和 React-Redux

注：Redux最新用法参考个人React专栏react初级学习Hooks基本介绍-------------------------Hooks：钩子、钓钩、钩住，Hook就是一个特殊的函数，让你在函数组件中获取状态等React特性，是Reactv16.8中的新增功能作用：为函数组件提供状态、生命周期等原本class组件中提供的React功能可以理解为通过Hooks为函数组件钩入class组件的特性注
画了五官的猕猴·2023-09-09 19:05

他和react-redux的区别

@redux.js/toolkit是Redux官方提供的一个官方工具包，只在简化和改进使用Redux的开发流程。它提供了一系列功能和工具，可以更轻松的定义Redux的状态管理和操作逻辑。以下是对@redux.js/toolkit的理解：简化的API：@redux.js/toolkit提供了一些简化的API，例如createSlice用于生成Redux的slice(包含reducer和action)
No DeBug·2023-09-09 06:46

Redux在项目中的使用

在项目中使用Redux，需要按照以下步骤进行设置和配置：安装Redux和React-Redux库：npminstallreduxreact-redux创建Reduxstore：在项目的根目录下创建一个名为
逆袭的菜鸟X·2023-09-08 10:46

flux、redux、redux-saga、react-redux、dva

https://zhuanlan.zhihu.com/p/535997231、flux（单向数据流）同步数据处理image.pngView：视图层；监听Store变化，做出相应更改Action：动作；即数据改变的消息对象，包含type（类型）与payload（传递参数）。Dispatcher：分发器；接收【所有的Action】分发给【所有的Store】Store：数据存储；只通过Action改变（
糖糖不加糖_·2023-09-07 01:29

redux-thunk

东西真没啥鸟用)###先来一段不使用redux-thunk```javascriptimportReact,{Component}from'react'import{Provider,connect}from'react-redux'import
jiangji·2023-09-07 01:52

react全局状态管理2

react-redux优化模块优化redux的使用过程npminstallreduxreact-redux1通过react-redux提供的provider提供器将全局状态对象挂载到根元素的上下文上importProviderfrom'react-redux'importstorefrom
hcySam·2023-09-05 18:11

解决react执行报错Module not found Cant resolve redux in node_modules

报错Modulenotfound:Can'tresolve'redux'in'F:\mylearn\react-auth\node_modules\react-redux\es\connect'如遇到这种错误
lllomh·2023-09-02 05:11

React.createContext

很多优秀的React组件都通过Context来完成自己的功能，比如react-redux的，就是通过Context提供一个全局态的store，拖拽组件react-dnd，通过Context在组件中分发DOM
明里人·2023-09-01 13:28

React状态管理：react-redux和redux-saga(适合由vue转到react的同学)

react-redux是基于react的一种状态管理实现，他不像vuex那样直接内置在create-react-app里，需要自己去安装。
Million1000000·2023-09-01 10:49

react + react-redux + iron-redux自搭脚手架

简述搭建基于redux、react-redux、iron-redux的脚手架，此demo仅做个人练习使用。Home目录是react-redux;Iron目录是iron-redux。
w_tiger·2023-09-01 07:02

React-Redux 学习总结

想要学会使用React-Redux主要有以下几个知识点需要掌握：安装以及起手式搭建页面结构导入provider组件组件A发送action组件B
TmsGirafee·2023-08-30 21:48

使用 Typescript 踩 react-redux 的坑

背景最近在看antd源码，也在自学一些typescript的语法以及使用，然后准备带在学校的师弟做一个音乐播放器作为typescript的练习踩踩坑；然后竟然没想到在项目刚开始就深陷大坑--搭建react-redux
weixin_34399060·2023-08-30 10:05

RN：React-Redux

目录一.React-Redux是什么 1.React-Redux的组件拆分规范  1.1UI组件  1.2容器组件 2.React-Redux的API  2.1connect()方法  2.2Provider
意一ineyee·2023-08-29 10:43

Redux及相关类库使用详解

本篇文章涉及代码地址前言本文是作者对redux相关使用的总结，利用一个简单的计数器应用介绍来flux、redux、react-redux、redux-actions等相关类库的使用。
Harlan_Zhang·2023-08-28 13:04

使用redux完成一个简单版的todoList

/index.css";import{Provider}from"react-redux";import{legacy_createSt
淡漠爱清凉·2023-08-27 20:21

React通过redux-persist持久化数据存储

在React项目中，我们经常会通过redux以及react-redux来存储和管理全局数据。
码界小生·2023-08-27 14:32

知乎日报项目上--React

技术栈：React18，redux/react-redux，react-router-domV6，axios，styled-components，antdmobile移动端组件库。
白也诗无敌诗意染千寻·2023-08-26 16:50

用react hooks实现一个全局路由拦截(一)

最新的react-router-dom和react-redux也都同时支持了hooks写法。
sleeppingfrog·2023-08-25 05:28

React-Redux Hooks 中文

原文：https://react-redux.js.org/api/hooks翻译水平有待提高，虚心接受各位看官的指教，欢迎大家留言自己的见解目录1.在ReactRedux应用中使用Hooks2.useSelector()3.useDispatch()4.useStore()5.自定义context6.注意事项7.Hooks示例简介React的新特性Hooks让函数组件可以使用类似Class组件的
ScottStone·2023-08-25 03:11

react之react-redux的介绍、基本使用、获取状态、分发动作、数据流、reducer的分离与合并等

react之react-redux的介绍、基本使用、获取状态、分发动作、数据流、reducer的分离与合并等一、react-redux介绍二、React-Redux-基本使用三、获取状态useSelector
Gik99·2023-08-24 07:40

react 10之状态管理工具2 redux + react-redux +redux-saga

目录react10之状态管理工具2redux+store/index.js入口文件actionType.jsactions常量的文件rootReducer.js总的reducer用于聚合所有模块的reducerrootSaga.js总的saga用于聚合所有模块的sagastore/form/formActions.js同步修改isShowstore/form/formReducer.js同步修改i
小小亮01·2023-08-21 16:04

集成react-navigator和react-redux

集成react-navigator(安卓)使用expo直接yarnaddreact-navigator就可以用了，但是在expo中不便于引用特定平台的sdk，所以直接用react-native-cli生成的初始项目集成react-navigator更便于自己操作新版的react-navigator4.x中，react-navigator包含了三个依赖，分别是react-native-gesture
__笑我一世沉沦丶·2023-08-20 17:42

React-Redux在React中的应用

前面一篇文章我们分析了下Redux,现在分析下React-Redux,ReactRedux事实上是两个独立的产品，应用可以使用React而不使用Redux，也可以使用Redux而不使用React，但是，
ZiTong·2023-08-19 10:30

TypeScript配置react-redux reduxjs/toolkit

redux中官方废弃了用createStore，取而代之的是提供了一个新的第三方模块ReduxToolkit，因此对于之前的用redux和react-redux的配置发生了一些变化。
前端小海绵·2023-08-16 18:28

React & 用一个简单案例体验一遍 React-dom & React-router & React-redux 全家桶

一、准备工作本文略长，建议耐心读完，每一节的内容与上一节的内容存在关联，最好跟着案例过一遍，加深记忆。1.1创建项目第一步，执行下面的命令来创建一个React项目。npxcreate-react-appreact-examplecdreact-example第二步，安装依赖，运行项目yarninstall或npminstallyarnstart或npmrunstart1.2项目结构如图：1.3初始
cookcyq·2023-08-16 18:58

解决 Ant Design V5 样式兼容问题

importReactfrom'react'importReactDOMfrom'react-dom/client'import{Provider}from'react-redux'import{HashRouter
徐同保·2023-08-16 13:55

redux and react-redux

感谢react小书作者，看了三遍，对redux有了点了解，写下随手笔记。redux:一、createStore套路：①、定义一个reducer②、生成store③、监听数据变化store.subscribe④、首次渲染⑤、随意dispatch二、自己创建一个createStore：functioncreateStore(reducer){letstate=null;cosntlisteners=[
TSDong·2023-08-10 03:26

react-redux

index.ts:import{legacy_createStore}from"redux";importreducerfrom'./reducer'conststore=legacy_createStore(reducer)exportdefaultstorereducer.ts:constdefaultState={num:10}letreducer=(state=defaultState,a
牧羊狼的狼·2023-08-07 08:21

React发ajax请求拿数据的五个步骤(绝对实用)

在需要数据的组件里用useEffect和dispatch调用请求importReact,{useEffect}from'react'import{useDispatch,useSelector}from'react-redux'import
Why_so_serious_Y·2023-08-06 23:15

react-redux connect装饰器

安装babel-plugin-transform-decorators-legacynpmibabel-plugin-transform-decorators-legacy--save-dev在babel中配置："plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}]]vscode可以在项目根目录下添加jsconfig.jso
小鱼小虾小海洋·2023-08-04 20:35

react17学习的简单小记

通信父子组件通信三、生命周期四、基础api的使用useStateuseEffectuseContext高阶组件HOC自定义hook五、react-router路由跳转携带参数路由拦截/私有路由搭建记录页面来源六、react-redux
付出的前端路·2023-08-04 13:12

redux、react-redux、react-thunk 基本用法记录

开发脚手架：create-react-app环境：image写了个demo，总共三个文件。app.js页面组件、index.js入口文件、redux.js存放reducers和store，当然action也可以抽离出来，我写在了app里，下面是代码：index.js入口：importReactfrom'react';importReactDOMfrom'react-dom';importAppfr
佳佳的蓝朋友·2023-07-29 13:19

React - router的使用 && 结合react-redux的路由守卫

web端使用路由安装的是react-router-dom"react-router-dom":"^5.2.0"在组件中使用路由，我们先设置2个路由，分别是首页、关于//src/components/RouteSample.jsimportReactfrom'react';//引入路由需要的基础模块import{BrowserRouter,Link,Route}from'react-router-d
闪电西兰花·2023-07-29 05:33

【前端知识】React 基础巩固(三十四)——组件中的异步操作及优化

待优化的异步请求流程通过组件的生命周期来完成网络请求，网络请求的异步代码直接放在组件中importReact,{PureComponent}from"react";import{connect}from"react-redux
前端Outman·2023-07-27 05:01
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他