我在redux中更改状态的调度没有被调用吗？_Redux没有在功能组件中调度我的操作类型_在react-redux中调度操作后使用null更新我的状态 - 腾讯云开发者社区

在本文中，我解释了 DDD 是什么，一些关键概念，以及 Redux 如何实现其思想。理解两者，我们可以提供更好的实现；来自不同世界的两种方法相互碰撞并利用相同的设计原则。...战术的相关概念是：查询：您可以对系统提出的任何问题。它不会更改其状态或任何数据。这是你要求的东西，它会以信息回应。没有副作用。查询示例：列出可用的帖子。命令：是对突变的请求。...让我们将之前的概念与 Redux 进行比较：查询：它们是选择器。选择器从状态中获取一条信息。命令：它们是动作。当我们调度一个动作时，我们提交一个新命令。...推理很简单：您可以通过重放其事件来重建任何聚合的状态。例如，您可以通过重播 PostAdded 事件来重建所有帖子。你熟悉 Redux 中的这个概念吗？几乎可以肯定，是的。...我们减少了应用程序的耦合，我们可以在不更改任何代码的情况下从系统中插入和拔出单元。 Redux 做同样的解耦。每个组合的减速器就像一个聚合体。当 reducer 收到一个动作时，它会独立地减少它。

1.4K3 0

Rematch: Redux 的重新设计

在本文中，我们将探讨一些你可能一直在问自己的问题：你是否需要一个用于状态管理的库？ Redux 的受欢迎程度是否值得我们去使用？为什么或者为什么不值得？我们能否制定更好状态管理解决方案吗?...为什么使用 Redux 在表层之下，Redux 与 TJ 的根对象{}完全相同——只是包装在了一系列实用工具的管道(pipeline)中。在 Redux 中，不能直接修改状态。...2.effect action：触发异步 action，这可能会调用reducer操作，但异步函数不会直接更改任何状态。...Rematch 对 Redux 进行了封装，提供更简单的 API，但又不失任何可配置性的特点请参见下面的一个完整的 Rematch 示例：在过去的几个月里，我一直在实际业务中使用 Rematch。...Redux 并没有被抛弃，而且也不应该被抛弃。

1.5K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

【19】进大厂必须掌握的面试题-50个React面试

.子组件内部的更改没有是 17.如何更新组件的状态？...用Redux开发的应用程序易于测试，并且可以在表现出一致行为的不同环境中运行。 37. Redux遵循的三个原则是什么？单一事实来源：整个应用程序的状态存储在单个存储中的对象/状态树中。...如果不需要完成任何工作，它将按原样返回以前的状态。 43.在Redux中存储的意义是什么？...商店是一个JavaScript对象，它可以保存应用程序的状态并提供一些帮助程序方法来访问状态，调度动作和注册侦听器。应用程序的整个状态/对象树保存在单个存储中。因此，Redux非常简单且可预测。...Flux Redux 1.存储包含状态和更改逻辑 1.存储和更改逻辑是分开的 2.有多家商店 2.只有一家商店 3.所有商店都断开连接并保持平坦 3.带有分层减速器的单店 4.有单身派遣员 4.没有调度员的概念

11.1K3 0

手摸手教你基于Hooks 的 Redux 实战姿势

原文：Redux Crash Course with Hooks ?[1] 作者：Chris Achard 译者：博轩为保证文章的可读性，本文采用意译 ? 你对 Redux 感到困惑吗？...Redux 使您可以集中存放 JavaScript 应用程序的状态（数据）它最常与 React 一起使用（通过 react-redux ）这使您可以从树中的任何组件访问或更改状态。 ? 2....应用的状态被集中存放于 Redux store 该 store 是使用称为 “reducer” 的函数所创建的 reducer 接受一个 state 和一个 action ，并返回相同或新的状态 ?...不要在 reducer 中修改 state 中的值，仅返回一个值已经更改的拥有新状态的对象。 ? 9....所有连接的组件（调用 useSelector ）将自动获得新的状态就像 props 或者 state 改变一样 - useSelector 将自动检测更改，React 将重新渲染组件。

1.4K2 0

设计师都能懂的 Redux 指南

请不要用 Google 搜索花哨的后端的东西我听说过它，但我不知道它是什么，这可能是一个 React 框架是一种在 React 应用中存储管理状态的更好方式这个问题，我问过 40 多位设计师，以上是他们的经典回答...我的目标是帮助像你们这样的设计师。即使您以前没有写过一行代码，我认为理解 Redux仍然是可能的、有益的和有趣的。什么是 Redux 在超高水平上，Redux 是开发人员用来简化他们工作的工具。...它会使 Redux 过时吗？你猜怎么着？我还没有向你展示Redux的真正力量！ Redux 迫使开发人员遵循一些严格的规则，这给 Redux 带来了强大的功能。...在 Redux 的术语中这称之为 “派发 (dispatching) 动作”。更改数据的代码必须像数学公式一样。在相同输入的情况下，它必须返回相同的结果。...人们一直在抱怨他们必须用 Redux 编写的样板代码。我知道，这听起来很矛盾。我不是说 Redux 能够用最少的代码实现功能吗？这有点像使用洗碗机。首先，你得花时间仔细地排列盘子。

1.6K1 0

从设计的角度看 Redux

请不要用 Google 搜索花哨的后端的东西我听说过它，但我不知道它是什么，这可能是一个 React 框架是一种在 React 应用中存储管理状态的更好方式这个问题，我问过 40 多位设计师，以上是他们的经典回答...我的目标是帮助像你们这样的设计师。即使您以前没有写过一行代码，我认为理解 Redux仍然是可能的、有益的和有趣的。什么是 Redux 在超高水平上，Redux 是开发人员用来简化他们工作的工具。...它会使 Redux 过时吗？你猜怎么着？我还没有向你展示Redux的真正力量！ ? Redux 迫使开发人员遵循一些严格的规则，这给 Redux 带来了强大的功能。...在 Redux 的术语中这称之为 “派发 (dispatching) 动作”。更改数据的代码必须像数学公式一样。在相同输入的情况下，它必须返回相同的结果。...人们一直在抱怨他们必须用 Redux 编写的样板代码。我知道，这听起来很矛盾。我不是说 Redux 能够用最少的代码实现功能吗？这有点像使用洗碗机。首先，你得花时间仔细地排列盘子。

1.7K3 0

必须要会的 50 个React 面试题（下）

没有维持自己的状态 1. 保持着自己的状态 2.数据由父组件控制 2.数据由 DOM 控制 3. 通过 props 获取当前值，然后通过回调通知更改 3. Refs 用于获取其当前值 30....使用 Redux 开发的应用易于测试，可以在不同环境中运行，并显示一致的行为。 37. Redux遵循的三个原则是什么？单一事实来源：整个应用的状态存储在单个 store 中的对象/状态树里。...Redux 使用 “Store” 将程序的整个状态存储在同一个地方。因此所有组件的状态都存储在 Store 中，并且它们从 Store 本身接收更新。...在 Redux 中，action 被名为 Action Creators 的函数所创建。...所有 Store 都互不影响且是平级的 3. 带有分层 reducer 的单一 Store 4. 有单一调度器 4. 没有调度器的概念 5. React 组件订阅 store 5.

3.5K2 1

Facebook 新一代 React 状态管理库 Recoil

用 Redux 或 Mobx 不可以吗？因为 React 本身提供的 state 状态在跨组件状态共享上非常苦难，所以我们在开发时一般借助一些其他的库如 Redux、Mobx 来帮助我们管理状态。...使用 Redux、Mobx 当然可以，并没有什么问题，主要原因是它们本身并不是 React 库，我们是借助这些库的能力来实现状态管理。...并且，它们并不能访问 React 内部的调度程序，而 Recoil 在后台使用 React 本身的状态，在未来还能提供并发模式这样的能力。...异步状态 Recoil 提供了通过数据流图将状态和派生状态映射到 React 组件的方法。真正强大的功能是图中的函数也可以是异步的。这使得我们可以在异步 React 组件渲染函数中轻松使用异步函数。...例如下面的例子，如果用户名存储在我们需要查询的某个数据库中，那么我们要做的就是返回一个 Promise 或使用一个 async 函数。如果 userID 发生更改，就会自动重新执行新查询。

1.6K1 0

『初中级前端必看』谈谈如何更有质量地看源码

那么源码真的是一块难啃的硬骨头吗？其实不是的。作为一个优秀（或说合格）的开源项目，它的代码一定不会是晦涩难懂的。...但是我们可以看看相关文档里，作者对这个库说明的部分节选：假设有一个被业务广泛使用的函数，我们是否能够在既不更改调用它的业务代码，也不更改该函数源码的前提下，在其执行前后注入一段我们自定义的逻辑呢？...看注释在我们深入到某一个具体的函数或者文件时，如果我们能先知道它是干啥的，那么对于我们要理解这段代码来说，是事半功倍的。举个例子，我们来看看redux。...在redux/src/createStore.js的开头有这么一段注释： Creates a Redux store that holds the state tree....创建一个保存状态树的Redux仓库。更改仓库中数据的唯一方法是对其调用dispatch()。哦，那么通过上面的注释，我们就知道dispatch方法是用来对数据进行调度的。

4362 0

在 React 中进行事件驱动的状态管理

每个状态及其操作方法均在被称为模块的函数中定义。这些模块被传递到 createStoreon() 函数中，然后将其注册为全局 store。...@changed – 当应用状态发生更改时，将触发此事件。注意：store.on(event，callback) 用于在我们的模块中添加事件监听器。...在 addNote 事件中，我们返回添加了新 note 的更新后的状态对象，在 deleteNote 事件中把 ID 传递给调度方法的 note 过滤掉。...submit() – 该方法通过传递输入状态的值来调度addNote事件，该状态在Notes组件中本地定义。 handleInput() – 此方法将本地状态的值设置为用户输入。...Storeon devtools Storeon 与 Redux 有着相似的属性，可以在 Redux DevTools 中可视化和监视状态的更改。

2.4K2 0

MobX学习之旅

当应用公共状态的组件在状态发生变化的时候，会自动完成与状态相关的所有事情，例如自动更新View,自动缓存数据，自动通知server等。...例如React的体系，react + redux + react-redux + redux-saga, view层触发一个action，中间件会将这个动作进行dispatch，然后reducer执行相应的更新状态方法...有所不同，这里的被观察的数组对象的这两个方法，是不会改变数组本身，而是一个拷贝的数组； 3、Es6的Map：创建一个动态建的observable映射，可以对特定项的更改做出反应等；会返回一个新的Observable...，那就使用autorun，但是一般这种情况比较少 Action 比起官方说的“动作”，我更愿意称为是“行为”，mobx的action吸收了redux和vuex的数据处理的复杂逻辑用来修改状态，不同于Computed... inject 引入数据的方式，@inject(stores); 使得数据被自动保存在组件的this.props中 componentWillReact mobx-react新增的生命周期钩子

1.4K2 0

前端高频react面试题整理5

redux-saga如何处理并发：takeEvery可以让多个 saga 任务并行被 fork 执行。...尤雨溪在社区论坛中说道∶ 框架给你的保证是，你不需要手动优化的情况下，我依然可以给你提供过得去的性能。...React Hooks在平时开发中需要注意的问题和原因（1）不要在循环，条件或嵌套函数中调用Hook，必须始终在 React函数的顶层使用Hook这是因为React需要利用调用顺序来正确更新相应的状态，...相互关联且需要对照修改的代码被进行了拆分，而完全不相关的代码却在同一个方法中组合在一起。如此很容易产生 bug，并且导致逻辑不一致。在多数情况下，不可能将组件拆分为更小的粒度，因为状态逻辑无处不在。...它调度对组件state对象的更新。

9113 0

React知识图谱

它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。规则1：不要在循环，条件或嵌套函数中调用 Hook，确保总是在你的 React 函数的最顶层调用他们。...这个时候，可以考虑使用useReducer了，把state更新规则写在一个reducer函数中，这样不仅reducer可以复用，并且组件中也没有复杂的state修改规则。...创建视图以响应状态的变化 • observer HOC • 返回响应式组件，它可以自动追踪哪个可观察量被使用了以及当值改变的时候自动重新渲染这个组件。...以上三者对比 redux是集中式管理state，而recoil和mobx都是分散式。 recoil中状态的读写都是Hooks函数，目前没有提供类组件的使用方式。...MemoryRouter：把 URL 的历史记录保存在内存中的（不读取、不写入地址栏）。在测试和非浏览器环境中很有用，如React Native。

2752 0

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

，Redux其实只是一个单纯状态管理库，没有任何界面相关的东西，React-Redux关注的是怎么将Redux跟React结合起来，用到了一些React的API。...假如我们的仓库是用来放牛奶的，初始情况下，我们的仓库里面一箱牛奶都没有，那Store的状态(State)就是： { milk: 0 } Actions 一个Action就是一个动作，这个动作的目的是更改...Store中的某个状态，Store还是上面的那个仓库，现在我想往仓库放一箱牛奶，那"我想往仓库放一箱牛奶"就是一个Action，代码就是这样： { type: "PUT_MILK", count...: 1 } Reducers 前面"我想往仓库放一箱牛奶"只是想了，还没操作，具体操作要靠Reducer，Reducer就是根据接收的Action来改变Store中的状态，比如我接收了一个PUT_MILK...本身就是一个单纯的状态机，Store存放了所有的状态，Action是一个改变状态的通知，Reducer接收到通知就更改Store中对应的状态。

4754 1

React进阶(1)-理解Redux

,这不区分于无论是外部的props还是内部的state,而组件之间有时需要共享传递数据,Redux仅仅就是用来管理这些组件的状态的在一些开发者眼里,项目里要是没有用到Redux,就觉得很low,要么把...对于技术性的投入,我从来都是不吝啬的,主动学习是对自己最好的投资（Redux的确理解有些绕,但并不代表学不会,多读书,多实践,巩固基础）反之,则以下则是没有必要使用Redux UI层非常简单,只是用于渲染...的状态,必须要通过派发(dispatch)一个action对象去完成然后组件渲染的对应的界面要更改的话,实际更改的就是组件的状态,如果状态都是只能读不能修改的话,那么界面就不会更新变化了想要更改用户界面的渲染...: 1, 当前元素在数组中的索引: 0, 调用的数组: 1,2,3,4,5,6 VM1742:3 上一次调用回调返回的值(或者是提供的初始值): 1,数组中当前被处理的元素: 2, 当前元素在数组中的索引...VM1742:3 上一次调用回调返回的值(或者是提供的初始值): 6,数组中当前被处理的元素: 4, 当前元素在数组中的索引: 3, 调用的数组: 1,2,3,4,5,6 VM1742:3 上一次调用回调返回的值

1.1K2 0

React进阶(1)-理解Redux

,这不区分于无论是外部的props还是内部的state,而组件之间有时需要共享传递数据,Redux仅仅就是用来管理这些组件的状态的在一些开发者眼里,项目里要是没有用到Redux,就觉得很low,要么把...,然后最终在返回给我,实现房子的替换那么转换为代码理解: 页面上的一个组件,想要获取更新Store中的数据,跟Store说,我点击这个按钮,要更新这个组件的数据,要干什么事情,做的这个具体动作就是...的状态,必须要通过派发(dispatch)一个action对象去完成然后组件渲染的对应的界面要更改的话,实际更改的就是组件的状态,如果状态都是只能读不能修改的话,那么界面就不会更新变化了想要更改用户界面的渲染...: 1, 当前元素在数组中的索引: 0, 调用的数组: 1,2,3,4,5,6 VM1742:3 上一次调用回调返回的值(或者是提供的初始值): 1,数组中当前被处理的元素: 2, 当前元素在数组中的索引...VM1742:3 上一次调用回调返回的值(或者是提供的初始值): 6,数组中当前被处理的元素: 4, 当前元素在数组中的索引: 3, 调用的数组: 1,2,3,4,5,6 VM1742:3 上一次调用回调返回的值

1.4K2 2

freeCodeCamp | Front End Development Libraries | 笔记

例如，默认行为是组件在收到新的 props 时重新渲染，即使 props 没有更改也是如此。你可以使用 shouldComponentUpdate() 通过比较 props 来防止这种情况。...在 Redux 中，所有状态更新都由调度操作(dispatching actions)触发。 Action 只是一个 JavaScript 对象，其中包含有关已发生的 action 事件的信息。...看看你是否可以找到一种方法来返回一个新数组，其中的项目 action.todo 附加到末尾。由于 Redux 中的状态不变性，此挑战的目标是在 reducer 函数中返回一个新的状态副本。...例如，默认行为是组件在收到新的 props 时重新渲染，即使 props 没有更改也是如此。你可以使用 shouldComponentUpdate() 通过比较 props 来防止这种情况。...在 Redux 中，所有状态更新都由调度操作(dispatching actions)触发。 Action 只是一个 JavaScript 对象，其中包含有关已发生的 action 事件的信息。

4941 0

如何在 React 应用中使用 Hooks、Redux 等管理状态

在更新状态后读取状态的正确方法是使用 useEffect hook。它允许我们在每个组件重新渲染后（默认情况下）或在我们声明更改的任何特定变量之后执行一个函数。...这些函数就是我们要从组件中 dispatch 去更改状态的函数。请注意，我对这个例子做了一些改变，以显示在谈论 actions 时 payload 的含义。...在示例中，你可以看到我们在调用 ADDSOME/SUBSOME 时可以直接从组件中传递我们想要加/减的数字。...对于 Redux，要解决的问题是处理全局状态（指影响整个应用程序或其中很大一部分的状态）。用 Redux 来处理像我们的例子中的计数器或模态的打开和关闭是没有意义的。...在我们的 UI 中，我们只是调用 setCount 函数来更新我们的状态。

8.3K2 0

百度前端必会react面试题汇总

（1）不要在循环，条件或嵌套函数中调用Hook，必须始终在 React函数的顶层使用Hook这是因为React需要利用调用顺序来正确更新相应的状态，以及调用相应的钩子函数。...Keys是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。...key 主要是解决哪一类问题的Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。...在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染此外，React 还需要借助 Key 值来判断元素与本地状态的关联关系...redux-saga优点：异步解耦：异步操作被被转移到单独saga.js中，不再是掺杂在action.js或component.js中；action摆脱thunk function: dispatch的参数依然是

1.6K1 0

React Hooks 还不如类？

很难在组件之间重用有状态逻辑 React 没有提供一种将可重用行为“附加”到组件的方法（例如，将其连接到一个存储）……React 需要更好的原语来共享状态逻辑。很讽刺不是吗？...，并且仅当其参数之一更改时才会再次调用它。...通过在渲染函数中触发效果，我们可以确保在每次渲染 / 更新时都调用该效果，但是给定的函数只有在其参数之一更改的情况下才会再次运行，因此我们可以结合 componentDidMount 和 componentDidUpdate...像 React 这样的大型库在 API 中添加如此巨大的更改时必须非常谨慎，而且这里的动机其实并没有那么充分。 8. 缺乏声明性在我看来，Funclass 比类更混乱。...顺便说一句，在 2017 年底，我发表了一篇题为“Redux 的丑陋一面”的帖子，今天，甚至 Redux 的创建者 Dan Abramov 自己也已经承认 Redux 是一个巨大的错误： https:/

8181 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

【领域驱动设计】Redux 和领域驱动设计

Rematch: Redux 的重新设计

【19】进大厂必须掌握的面试题-50个React面试

手摸手教你基于Hooks 的 Redux 实战姿势

设计师都能懂的 Redux 指南

从设计的角度看 Redux

必须要会的 50 个React 面试题（下）

Facebook 新一代 React 状态管理库 Recoil

『初中级前端必看』谈谈如何更有质量地看源码

在 React 中进行事件驱动的状态管理

MobX学习之旅

前端高频react面试题整理5

React知识图谱

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

React进阶(1)-理解Redux

React进阶(1)-理解Redux

freeCodeCamp | Front End Development Libraries | 笔记

如何在 React 应用中使用 Hooks、Redux 等管理状态

百度前端必会react面试题汇总

React Hooks 还不如类？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐