返回顶部
首页 > 资讯 > 前端开发 > VUE >Redux原理及应用三大原则是什么
  • 810
分享到

Redux原理及应用三大原则是什么

2024-04-02 19:04:59 810人浏览 安东尼
摘要

本篇内容介绍了“Redux原理及应用三大原则是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Redux

本篇内容介绍了“Redux原理及应用三大原则是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

Redux工作原理

Redux通过store来管理全局的状态;

视图产生操作后会生成一个action,通过dispatch(action)这个方法派发给store;

store会将当前的状态和此次的action交给reducer处理,reducer处理后需要返回新的状态,此时store就能得知数据的变化,然后回通知视图获取最新的数据

基本概念和api

Store

Store 就是用来维持应用所有的 state 树 的一个对象。

改变 store 内 state 的惟一途径是对它 dispatch 一个 action。

整个应用只能有一个 Store。

store方法

提供 getState() 方法获取 state; 提供 dispatch(action) 方法更新 state; 通过 subscribe(listener) 注册监听器; 通过 subscribe(listener) 返回的函数注销监听器。

Reducer

reducer其实就是一个纯函数。

它接收两个参数,第一个参数是需要管理的状态state,第二个是action。

reducer会根据传入的action的type值对state进行不同的操作,然后返回一个新的state,而不是在原有state的基础上进行修改,但是如果遇到了未知的(不匹配的)action,就会返回原有的state,不进行任何改变。

const reducer =(state,action)=>{   switch(action.type){     case ADD_TODO:         return newstate;     default return state   } }

Action

action本质是一个对象;

它是 store 数据的唯一来源。它会运送数据到 Store。

const action={   type:'ADD_TODO',   payload:'redux原理' }

应用时的三大原则

在我们使用redux时,需要遵守这三大原则,则可以避免90%的bug:

  • 单一的数据源

我们把Store看成一个全局对象,而这个对象是唯一的,所有的状态都在Store这个状态树中'统一配置'

  • State是只读的

想要改变State必须通过Action,而具体使action在state上更新生效的是reducer;

这样确保了 视图 和 网络请求 都不能直接修改 state,相反它们只能表达想要修改的意图。

  • Reducer必须是一个纯函数

Reducer内部的执行操作必须是无副作用的,不能对state进行直接修改,当状态发生变化时,需要返回一个全新的对象代表新的state。

这样确保了同样的State,必定得到同样的 View。

需要遵守的是:

不得改写参数 不能调用系统 I/O 的api 不能调用Date.now()或者Math.random()等不纯的方法,因为每次会得到不一样的结果

“Redux原理及应用三大原则是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: Redux原理及应用三大原则是什么

本文链接: https://www.lsjlt.com/news/84668.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Redux原理及应用三大原则是什么
    本篇内容介绍了“Redux原理及应用三大原则是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Redux...
    99+
    2024-04-02
  • React Flux与Redux设计及使用原理是什么
    本篇内容主要讲解“React Flux与Redux设计及使用原理是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“React Flux与Redux设计及使用原理是什么”吧!...
    99+
    2023-07-05
  • React-Redux的核心原理是什么
    这篇文章主要介绍“React-Redux的核心原理是什么”,在日常操作中,相信很多人在React-Redux的核心原理是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Re...
    99+
    2024-04-02
  • CSS代码整理及优化七大原则是什么
    这篇文章将为大家详细讲解有关CSS代码整理及优化七大原则是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。现在有很多准则来帮助你在完成CSS布局后进行CS...
    99+
    2024-04-02
  • ssl原理及应用场景是什么
    SSL(Secure Sockets Layer)是一种加密协议,用于保护在互联网上传输的数据安全。它使用公钥加密来保护数据的机密性...
    99+
    2023-06-12
    ssl原理 ssl
  • React Flux与Redux设计及使用原理
    目录1. redux介绍及设计和使用的三大原则2. redux工作流3. redux原理解析4. reducer 扩展5. redux中间件6. Redux DevTools Ext...
    99+
    2023-03-19
    React Flux原理 React Redux原理 React Flux与Redux
  • 正则表达式原理及常用示例是什么
    这期内容当中小编将会给大家带来有关正则表达式原理及常用示例是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。一、正则的含义正则表达式就是用来操作字符串的一种逻辑公式二、正则表达式的应用场景数据分析时数据...
    99+
    2023-06-26
  • WCF应用原理是什么
    本篇内容主要讲解“WCF应用原理是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“WCF应用原理是什么”吧!WCF设计出来完全是为了与其他系统的交互。这包括可以运行在其他操作系统和平台上的应用...
    99+
    2023-06-17
  • ZooKeeper核心原理及应用场景是什么
    这篇文章将为大家详细讲解有关ZooKeeper核心原理及应用场景是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。为什么会有ZooKeeper 我们知道要写一个分布式应用是非常困...
    99+
    2023-06-02
  • layout布局的六大原则是什么
    layout布局的六大原则是:1. 对齐(Alignment):元素在布局中应该被正确地对齐,使得整体看起来更加整齐和统一。2. 平...
    99+
    2023-10-11
    layout
  • redux工作原理讲解及使用方法
    目录1. redux 是什么?2.redux的原理3. 如何使用 redux?(1).安装redux,创建redux文件夹,建立store.js(2).建立reducers.js(3...
    99+
    2024-04-02
  • 什么是SOLID原则
    这篇文章主要介绍“什么是SOLID原则”,在日常操作中,相信很多人在什么是SOLID原则问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”什么是SOLID原则”的疑惑有所帮助!接...
    99+
    2024-04-02
  • C++设计目标及原则是什么
    这篇文章主要介绍“C++设计目标及原则是什么”,在日常操作中,相信很多人在C++设计目标及原则是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”C++设计目标及原则是什么”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-17
  • Vue响应式流程及原理是什么
    本文小编为大家详细介绍“Vue响应式流程及原理是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“Vue响应式流程及原理是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一、组件化流程1. 整个new Vue...
    99+
    2023-07-02
  • Java设计模式六大原则是什么
    这篇文章主要讲解了“Java设计模式六大原则是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java设计模式六大原则是什么”吧!单一职责原则单一职责定义一个类只负责一个功能领域中的相应职...
    99+
    2023-06-02
  • java代码规范七大原则是什么
    Java代码规范的七大原则是: SRP(Single Responsibility Principle):单一职责原则,一个类只...
    99+
    2023-10-27
    java
  • react redux的原理以及基础使用讲解
    目录介绍为什么会使用 redux?什么时候该使用 redux?redux使用场景redux 作用工作流程使用1.下载2.创建仓库store骨架3.生成仓库4.参数函数的创建 redu...
    99+
    2022-11-13
    react redux原理 react redux使用 react redux
  • SSH的原理及用法是什么
    这篇文章将为大家详细讲解有关SSH的原理及用法是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。SSH的英文全称是Secure SHell。通过使用SSH,你可以把所有传输的数据进行加密,...
    99+
    2023-06-13
  • JWT的原理及用法是什么
    本篇内容介绍了“JWT的原理及用法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、跨域认证的问题互联网服务离不开用户认证。一般流程是...
    99+
    2023-07-04
  • bucket的原理及作用是什么
    bucket的原理及作用是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。存储空间是您用于存储对象(Object)的容器,所有的对象都必须隶属于某个存储空间。您可以设置和...
    99+
    2023-06-03
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作