react-redux

hook出现：使用react-redux 和 redux-thunk

React-redux在逻辑比较简单的时候，使用useSelector和useDipatch这两个hooks去替代mapStateandmapProps，并且不用connect就可以使用。
Yeahhhhhhhhhhhhhhhh·2020-07-04 12:14

利用 React 高阶组件实现一个面包屑导航

React高阶组件在React生态中使用的非常频繁，比如react-router中的withRouter以及react-redux中connect等许多API都是以这样的方式来实现的。
温瞳·2020-07-03 23:00

利用 React 高阶组件实现一个面包屑导航

React高阶组件在React生态中使用的非常频繁，比如react-router中的withRouter以及react-redux中connect等许多API都是以这样的方式来实现的。
温瞳·2020-07-03 23:00

手写一个Redux，深入理解其原理

本文只会实现Redux的核心库，跟其他库的配合使用，比如React-Redux准备后面单独写一篇文章来讲。有时候我们过于关注使用，只记住了各种使用方式，反而忽略了他们的核
_蒋鹏飞·2020-07-03 14:00

redux没有魔法

redux状态管理真得没有任何魔法redux本身没有难度，很清晰第一个难点在于和react集成，也不是难，主要是很多人搞不清楚react-redux和redux的关系异步请求本身有些难点，主要是因为很多人搞不清楚
欲乘风·2020-07-02 16:27

redux和react-redux的使用详解

我自己的理解redux就跟vue中的vuex差不多,都是数据管理器,话不多说,我们从经典的计数器案例开始讲解使用redux实现计数器创建如下的react项目,我习惯把每一个模块分块,才有这么多文件,当然你也可以写在一个js文件中,这不是重点首先我们看一下项目的入口文件index.jsimport'core-js/fn/object/assign';importReactfrom'react';im
词语大杂烩·2020-07-02 15:22

Redux源码系列-Redux-thunk源码分析

#理解什么是中间件https://github.com/zp1112/blog/issues/11thunk中间件先看中间件如何使用生效的index.jsimport{Provider}from'react-redux'importstoreDatafrom
养基赚钱·2020-07-02 15:00

react-redux 优化简单的todolist

react-redux优化简单的todolist为了更好的上手redux我们之前做个redux实现的todolist,那么可能很容易的感受到其中的繁琐,为了解决开发的繁琐,达到快速开发的目的,我们一般会使用
想当拓路者·2020-07-02 14:32

Scratch3.0初始化加载七牛云上的sbs文件

编写组件importPropTypesfrom'prop-types';importReactfrom'react';import{connect}from'react-redux';import{injectIntl
今晚组团大保健·2020-07-02 13:40

一个完整小巧的Redux全家桶项目

OneArticle:使用React-Native开发，使用Redux，React-Redux，Redux-Persist，Redux-Saga。
mochixuan·2020-07-02 12:57

react-native，react-redux和redux配合开发

**读取数据，这样会造成组件多重嵌套，于是用redux可以更好的解决了数据和界面View之间的关系，当然用到的是react-redux,是对redux的一种封装。
找工作的前端·2020-07-02 08:01

理解React程序(2)-初始化

构建React-Redux(后面就简称R/R)的时候,用户所看到的文件是从服务器端加载,这其中涉及到了React的虚拟渲染,Node.js服务器的使用,Node静态文件的加载.整个流程参考使用React
smartphp·2020-07-02 02:36

[email protected]用于hooks的API

因为在新的项目中用到了hooks，但是用的时候react-redux还处于alpha.x版本的状态。用不了最新的API，感觉不是很美妙。好在，这两天发布了7.1版本。现在来看看怎么用这个新的API。
xiaozhu_personal·2020-07-02 02:52

最容易理解的react-redux 入门实战讲解

前言本文旨在通过大白话讲解一个最简单的使用react-redux作为状态管理器的demo，来帮助大家更快的在自己的项目中去集成react-redux这个库。
提莫队长·2020-07-01 19:35

react-redux 的 connect 和 Provider的原理

react-redux提供connect和Provider将react和redux连接起来。
ToSmile·2020-07-01 19:02

redux进行研究4

/store/ReactReduxStore'import{Provider}from'react-redux'ReactDo
又回到了起点·2020-07-01 17:00

安装react-redux后编译报错

安装了react-redux后，npmstart报下面错误Failedtocompile..
Jade_g·2020-07-01 14:00

安装react-redux后编译报错

安装了react-redux后，npmstart报下面错误Failedtocompile..
Jade_g·2020-07-01 14:00

React-Redux （部分源码解析以及图示）

问题引出例子：学习之前先看一个简单的例子（前面文章提到过）：functionBoilingVerdict(props){if(props.celsius>=100){return水会烧开;}return水不会烧开;}functiontoCelsius(fahrenheit){return(fahrenheit-32)*5/9;}functiontoFahrenheit(celsius){retur
耳东蜗牛·2020-07-01 10:44

React从入门到项目--第八天（redux进阶）

reacr-redux安装npminstall--savereact-redux这时候我们可以引入一个react的插件库，react-redux，这是一个react的插件库，也就是说react-redux
北海ぉ情书·2020-07-01 10:26

redux与react-redux的区别：

react-redux简介：React-Redux是Redux的官方React绑定库。它能够使你的React组件从Reduxstore中读取数据，并且向store分发actions以更新数据。
小灰灰城堡·2020-07-01 09:18

想要引用被react-redux库connect高阶组件包裹的WrappedComponent的ref的坑

但是如果子组件export的是使用react-redux库的connect函数封装的话exportdefaultconnect(mapStateToProps,mapDispatchToProps)(ChildComponent
subwaysamurai·2020-07-01 09:35

redux与react-redux

Store:Store是保存数据的地方，可以看成一个容器。整个应用只能有一个Store。Redux提供createStore这个函数，用来生成Store。import{createStore}from'redux';conststore=createStore(fn);createStore函数接受一个函数作为参数，返回新生成的Store对象。State:Store对象包含所有数据。state就是
菜鸡的全栈路·2020-07-01 04:43

浅谈在React中使用Redux数据流（三）

1、react-redux项目结构几个文件和文件夹：1)actions：存放Action，用户的行为；2)components：展示组件；3)containers：容器组件；4)reducers：Store
筱葭·2020-06-30 16:20

【React】使用react-intl-universa国际化

我在做一个项目时有国际化的要求，查询后发现可以使用阿里的react-intl-universal先安装到项目里yarnaddreact-intl-universal在项目中使用时发现将国际化内容放在react-redux
姚尔摩斯·2020-06-30 09:49

webpack+express+react系列三(react-redux)

在开始介绍react-redux之前，很有必要简单论述下redux。redux是一个状态管理器，它负责状态的增删查改，类似mysql一样，可以说，redux跟react框架是没
冰Q·2020-06-29 06:11

React轻量状态管理库

跨组件通信解决方案：react本身的Context;redux：结合react-redux,非为react设计的，对于小型应用比较重;mobx：结合mobx-react,非为react设计的，对于小型应用比较重
水中有花，花需耕耘·2020-06-29 04:54

React-Redux分析

React-Redux分析Redux，作为大型React应用状态管理最常用的工具，其概念理论和实践都是很值得我们学习，分析然后在实践中深入了解的，对前端开发者能力成长很有帮助。
Scott昵称被占用·2020-06-29 03:11

使用react-redux重写Todo

1.先安装react-redux依赖$yarnaddreact-redux$npminstall--save-devreact-redux2.在react项目写的src目录下创建index.js文件，写入代码
路人_Ding·2020-06-29 00:31

Redux, React-Redux

Redux:JavaScript状态容器，提供可预测化的状态管理需要使用Redux的情景：用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管理员）多个用户之间可以协作与服务器大量交互，或者使用了WebSocketView要从多个来源获取数据某个组件的状态，需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态Redux设计思想：（1）Web
随意_web·2020-06-28 23:27

redux-thunk使用教程

从无到有一步一步创建一个react-redux、redux-thunk使用教程：本教程GitHub地址：https://github.com/chunhuigao/react-redux-thunk创建
weixin_34179762·2020-06-28 12:49

Electron-TypeScript-React 快速开始脚手架

Electron-TypeScript-React简介快速启动一个Electron+TypeScritp+React的脚手架，并且提供了React-Router/React-Redux/connected-react-router
weixin_34159110·2020-06-28 12:32

[email protected] useSelector: 别啦 connect

API简单的介绍因为在新的项目中用到了hooks，但是用的时候react-redux还处于alpha.x版本的状态。用不了最新的API，感觉不是很美妙。好在，这两天发布了7.1版本。
weixin_30815427·2020-06-28 01:53

利用 typescript 写 react-redux 和 redux-thunk

react-redux的常规使用步骤Provider作为顶层全局状态的提供者，需要传递一个参数，全局状态storeimport{Provider}from'react-redux';store由createStore
大灰狼的小绵羊哥哥·2020-06-26 10:05

react-redux 理解第二篇connect函数

connect的函数签名functionconnect(mapStateToProps?,mapDispatchToProps?,mergeProps?,options?)mapStateToProps可以传一个函数或者不传mapDispatchToProps可以传一个函数，对象或者不传mergeProps可以传一个函数或者不传options的选项比较多，不过官方都已经给过默认值，所以不传也可以，
happy_milo·2020-06-25 15:35

理解Redux

最近研究React，发现React其实只是个UI层，复杂逻辑还需要用上Redux，看了Github上几个React+Redux的项目，对Redux还是理解的不透彻，特别它们中间还有一层React-Redux
哪吒闹海全靠浪·2020-06-25 12:06

react-redux基本写法

1创建action2创建reducer,在reducer中绑定action3在app中写绑定reducer中的代码conststore=createStore(rootReducer)4创建组件Books5把这个几个方法写好//reducers中的数据,然后更新组件constmapStateToProps=(state)=>({books:state.bookReducer.books})//给a
stevenzqzq·2020-06-25 02:10

react-redux的mapStateToProps可取到state值但不会注入props

一、问题描述想通过react-redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps
xiaobe阿·2020-06-25 00:24

React入门实例:组件化+react-redux实现网上商城(1)

项目运行1.gitclonehttps://github.com/soybeanxiaobi/React_demo_onlineShop2.cdReact_demo_onlineShop(文件目录)3.npminstall(安装依赖)4.npmstart(项目启动)功能一览1.购买产品2.查看购买的产品3.删除购买的产品功能gif图:实现过程一、创建项目(脚手架方式)通过使用create-reac
xiaobe阿·2020-06-25 00:24

3. react-redux

react-redux是reactjs官方推荐的state管理器。
kaenry·2020-06-24 21:47

react跨组件通信及react-redux 使用

react-redux使用说明，加一些个人理解。
heroboyluck·2020-06-23 14:47

react-redux的使用从action规划到reducer实现及完整案例

网络中介绍redux和react-redux的文章非常非常多我为什么要写这篇文章呢？因为他们都写得不好。
MarsWill·2020-06-23 13:44

React Native 资源

学习资源文档知识图谱ReactNative官网（英文）ReactNative中文网ReactNavigationRedux入门教程（一）：基本用法Redux入门教程（二）：中间件与异步操作Redux入门教程（三）：React-Redux
红叶丶秋鸣·2020-06-23 12:14

React.js学习笔记(18) mongodb + (mongoose) + (用装饰器优化connect react-redux)

(一)mongodb数据库中文官网http://www.mongoing.com/docs/(1)配置环境变量控制面板-高级系统设置-高级-环境变量(系统变量)-path-编辑-编辑文本-(分号+路径)路径指的是bin文件夹路径C:\ProgramFiles\MongoDB\Server\3.6\bin(2)相关命令mongo使用数据库mongod开机mongoimport导入数据(3)开机命令m
woow_wu7·2020-06-22 14:55

react+antd+umi 项目搭建------connect的使用方法

connect就是react-redux的connect；它是一个函数，绑定State到View。connect方法返回的也是一个React组件，通常称为容器组件。
蓝冰凌·2020-06-20 23:52

redux5 - 实现 react-redux 前置技能之 react库的context的使用

参考redux仓库的src目录，初步手写实现了以下3个方法createStore()：创建数据仓库，导出了3个方法（dispacth，subscribe，getState）combineReducers()：合并多个小的reducer，传入一个对象bindActionCreators():简化代码api，把所有的action存入一个对象，和dispacth，一块传入此方法中就不用再到处手动调用di
素燃·2020-06-01 17:08

理解 redux-thunk 源码

实现一个迷你Redux（基础版）实现一个Redux（完善版）浅谈React的ContextAPI带你实现react-redux为什么要用redux-thunk在使用Redux过程，通过di
JackySummer·2020-05-31 14:55

React-redux重新梳理

action更改state的值store提供getState()方法获取state提供dispatch()方法发送action通过subscribe()注册监听通过subscribe()的返回值注销监听react-redux
ImmortalSummer·2020-05-26 11:08

React 实践总结: react-redux 之 connect详解

转载注：本文作者是淘宝前端团队的叶斋。笔者非常喜欢这篇文章，故重新排版并转载到这里，同时也加入了一些自己的体会。原文地址：http://taobaofed.org/blog/201...Redux是「React全家桶」中极为重要的一员，它试图为React应用提供「可预测化的状态管理」机制。Redux本身足够简单，除了React，它还能够支持其他界面框架。所以如果要将Redux和React结合起来使
潇湘轮回·2020-05-22 08:24

React从入门到实战- 企业级实战项目-宜居二

2019年最新React从入门到实战（带React企业级实战项目-宜居）(React-Redux基础知识&)React-Redux基础知识&41.Redux回顾组件传递及Redux介绍(Redux回顾组件传递及
wespten·2020-05-08 07:41
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他