如何处理从Redux迁移到React上下文API +挂钩时的副作用

文章/答案/技术大牛

发布

2回答

reactjs、react-context

如果你有一个Redux应用程序，你想迁移到新的React Context API + hooks (useReducer)，你会如何取代redux-saga或redux-thunk来处理副作用？让我们以redux-saga的github页面为例： import { call, put, takeEvery, takeLatest } from 'redux</em

浏览 12提问于2019-04-04得票数 8

回答已采纳

1回答

React (Redux + Redux Saga)和MVC

javascript、reactjs、model-view-controller、redux、redux-saga

由于React被认为是MVC的View，React + Redux + Redux Saga MVC吗？编辑:我想澄清一下，我想知道这些是否被认为是MVC，以及为什么不是。不是哪个。

浏览 1提问于2019-10-25得票数 3

2回答

组件重新呈现中的差异

reactjs

是否可以在使用Context API时停止组件重新渲染？

浏览 14提问于2021-06-08得票数 0

3回答

如何处理/链接依赖于另一个具有反应钩子的同步副作用

javascript、reactjs、react-hooks

我正在尝试将我的应用程序从redux重写到新的上下文+钩子，但不幸的是，我很难找到一种很好的方法来处理一系列依赖于前面的响应的同步副作用。在当前的redux应用程序中，我大量使用同步/链接操作和API请求，通常通过redux-saga或块来处理这些请求。因此，当返回第一个API请求的

浏览 0提问于2019-04-06得票数 21

回答已采纳

2回答

ReactJS:将兄弟级组件数据传递给条件组件

javascript、reactjs、react-hooks、next.js

在从LoginComponent进行登录时，我希望将登录数据传递给UserProfileComponent，如果没有登录，那么默认情况下将加载DefaultCompoent。= useState(""); event.preventDefault() <input type="submit&qu

浏览 0提问于2021-03-12得票数 0

回答已采纳

2回答

在哪里处理导航与Redux和Sagas/Thunks的反应？

react-native、redux、redux-thunk、react-navigation、redux-saga

我想了解一下你们是如何根据副作用动态导航应用程序的。LoginScreen -用户输入电子邮件/pw并提交。我使用Sagas来处理我的副作用，因此当用户成功地通过api进行身份验证并相应地更新我的Redux存储时，我希望将我的用户提前到HomeScreen。解决方案1：使用与Redux绑定的React导航，我可以从<

浏览 6提问于2017-07-26得票数 1

回答已采纳

2回答

在使用动态上下文数据时，如何用新的React* context contextTypes替换旧的React context api？*

javascript、reactjs、redux、react-redux、react-context

现在redux存储有了惰性负载减少器。Reducer是在加载代码拆分组件时添加的。为了适应这种情况，在存储中添加了一个调用replaceReducerfrom redux的函数。因此，当一个组件被加载并且还需要加载一个减速器时，问题就来了。该组件需要从redux提供程序访问根存储区。这是通过在旧的react context api中使用contextTypes访问存储来实现的。包装器组件中

浏览 2提问于2018-10-24得票数 3

1回答

上下文API与Redux的区别

javascript、reactjs

我试图找出React和Redux之间的区别。博客说他们之间的区别如下。Context API提示对每个状态更新进行重新呈现，并不管如何重新呈现所有组件。然而，Redux只重新呈现更新的组件。我已经构建了测试项目，并且我发现Context API只重新呈现来自消费者内部的组件。但我不明白。我认为它们的原则是相同的，我找不到代码中的区别。我想知道为什么上下文<

浏览 1提问于2021-04-25得票数 3

回答已采纳

1回答

主题化与Redux和ThemeProvider的反应

reactjs、redux、theming

我的应用程序中只有一个主题。当我尝试将我的主题放入窗口对象并在应用程序中改变它时，我发现我的风格没有改变。我的意思是，我有以下代码 <App />当我在不同的文件中对window.theme进行处理时，比如 Object.assign(window.theme, newTheme)

浏览 3提问于2020-04-04得票数 1

回答已采纳

3回答

Redux是否在内部使用上下文API？

reactjs、redux、react-redux、react-context

我进行了一次面试，面试官问我redux是否在内部使用上下文API。如有，请提供详细说明。谢谢

浏览 5提问于2021-08-27得票数 2

回答已采纳

2回答

Redux持久化应用程序状态的React Hooks

javascript、reactjs、redux、react-redux、react-hooks

我刚开始学习react钩子和react-redux钩子，到目前为止我什么都懂了。但有一件事是不断钻研我的大脑的，所以我想在这里请教更有经验的开发人员。如果我有更健壮的应用程序，我打算让Redux处理整个状态，并想使用React钩子来处理副作用，我真的需要React钩子吗？我有单独的功能层(containers =>，其中所有的决策都是用<e

浏览 14提问于2020-07-13得票数 0

1回答

如果上下文API不持久化，为什么要使用它？

reactjs、react-hooks

这更多是出于好奇，但是如果上下文API在刷新时不持久化数据，那么使用上下文API又有什么意义呢？我知道我们可以用localStorage来解决这个问题，但是为什么不直接使用localStorage呢？对于Redux，您仍然存在相同的问题，因此您可以使用中间件来解决这个问题。我确信我在这里遗漏了一些东西，但我最近一直在处理上下文，当它在开发过程中不断刷新时，它会让我发疯。

浏览 2提问于2021-04-20得票数 2

3回答

如何将状态传递给多级组件--反应

reactjs、react-hooks

我需要自动更新，所以我认为国家是最好的方法，但不知道如何在这种情况下使用。我如何将单一状态(ProductItem)传递到up级别(产品)，总结所有单个组件状态，然后再将其传递到上行级任何帮助都会得到极大的重视。结构ProductItem.jsx imp

浏览 9提问于2022-01-27得票数 0

回答已采纳

5回答

和Redux，我什么时候应该使用每一个？

javascript、reactjs、redux、react-redux、react-context

和 API不再是一个实验性的特性了。Dan (Redux的创建者)对此写了一篇很好的评论，但在这两年里，上下文仍然是一个实验性的特性。我的问题是，在您的意见/经验中，什么时候应该使用React 而不是 Redux，反之亦然？

浏览 0提问于2018-03-30得票数 298

回答已采纳

3回答

我需要使用Redux还是上下文API？

javascript、reactjs、react-native、redux、jsx

我的应用程序有几个屏幕，由react-native-navigation导航。在除登录之外的每个屏幕上，我都需要知道哪个用户在使用我的应用程序，因为内容是由他/她的uniqueID专门指定的。当用户成功登录时，我得到了这个uniqueID，但我不知道如何将这个uniqueID传递给其他屏幕。我是否需要使用Redux或context API来处理这个问题，或者是否有另一种方法可以在屏幕之间

浏览 1提问于2019-04-19得票数 3

回答已采纳

2回答

反应中的角服务

reactjs、react-native

我们如何在React中实现角的“服务”概念？例如，我想做以下几点：这在角度上非常容易使用服务，并将该服务注入到任何需要访问数据的组件中这是如何作出反应的？

浏览 0提问于2018-10-01得票数 7

1回答

Singleton类vs Statemangement工具(如App的Redux* )*

mobile、redux、frontend、provider、state-management

有人能解释一下为什么您会使用像Redux或Provider库这样的状态管理工具而不是仅仅创建您自己的Singleton类来保存应用程序的状态吗？

浏览 5提问于2020-07-11得票数 1

回答已采纳

1回答

npm中的Redux是否会与容器的Redux发生冲突？

javascript、reactjs、npm、redux

我想封装一个npm组件，我想使用Redux来管理这个React组件中的状态。// File Explorer Component, will be build into a npm package import React from "

浏览 2提问于2022-01-13得票数 3

回答已采纳

1回答

在具有React的Flux体系结构中执行异步调用时，最佳实践是什么？

javascript、facebook、reactjs、redux、flux

我已经与React/Redux合作了大约两年，但我目前参与了一个使用Facebook的Flux而不是Redux进行州管理的React应用程序。所以我开始阅读关于Flux和与Redux的区别的文章。在Facebook的Flux文档中，他们说“这个方法应该是纯的，没有副作用”(这听起来很像Redux -纯函数中的还原剂方法)。但是在他们自己的</em

浏览 1提问于2017-01-19得票数 2

2回答

Angular2 / ngrx和API调用

angular、ngrx

我在网上学习了一些经典的例子(一个todo应用程序)。很好的例子。现在，我想通过让我的ngrx应用程序做一些API调用，把它提升到更高的水平。是否有示例或指南来设置ngrx (redux)应用程序来调用和处理api调用？我的理解是，redux应用程序上下文中的api调用是副作用(函数式编程范例)。我想知道如何在redu

浏览 1提问于2016-09-09得票数 7

回答已采纳

点击加载更多