使用react钩子和上下文从REST api获取数据以进行状态管理的最佳方式？

文章/答案/技术大牛

发布

2回答

reactjs、react-hooks

我正在尝试使用react钩子和上下文API进行状态管理。我已经实现了一个reducer模式，遵循一些todo应用程序的代码，但现在我想开始定期从API获取数据(例如，实现无限滚动)，我不确定现在代码中最好的地方是进行这些async-REST-api调用。我习惯于使用redux

浏览 32提问于2019-09-01得票数 0

2回答

我们如何在不使用redux的情况下使用钩子来管理react应用程序的全局状态？

reactjs、redux、react-redux、react-hooks

我一直在为我的所有react项目使用redux，以维护应用程序的全局状态。我读到我们也可以使用钩子来管理应用的全局状态，而不需要redux，但我不知道如何使用它。任何这样做的帮助或例子都会很有帮助。

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

2回答

我是在使用新的上下文API，还是在使用Redux？

reactjs、redux、state

我已经学习了React，并且我已经学会了使用Context API，但是我听说有一个“新的context api”，因为我是通过一种旧的课程(2017年末)学习React的，我不知道我是在使用新的还是旧的另外，我刚刚发现了Redux，它看起来和我正在使用的几乎完全一样，那么Redux和上下文API到底是一样<e

浏览 26提问于2019-04-25得票数 0

1回答

React :引用上下文和管理useEffect钩子中的依赖关系

javascript、reactjs、react-hooks、use-effect

我试图使用react来创建一个Table组件，该组件基于用户可以选择的一组过滤器显示API中的数据行。我希望在用户单击“应用过滤器”按钮时，而不是当用户对过滤器进行更改时，进行新的调用来获取数据。我使用上下文来管理“筛选器”状态和“lastFetched”状态，该状态跟踪用户最后一次单击“应用过滤器”按钮(以及

浏览 2提问于2019-09-15得票数 2

回答已采纳

1回答

从react中的cloudant获取数据

node.js、reactjs、express、cloudant

我是nodejs的新手。我想为我存储在cloudant.So中的数据创建一个可视化，我已经从nodejs中的cloudant中获取了数据，但我没有找到任何方法来发送数据以进行可视化。我已经在nodejs控制台中获取了cloudant数据，现在我不知道如何发送这些数据来做出反应

浏览 14提问于2020-03-19得票数 0

回答已采纳

3回答

只有一次响应才能获取数据的最佳方法是什么？

javascript、reactjs、google-cloud-firestore、react-redux、fetch

因此，假设我有一个react仪表板应用程序，它有几个不同的路径。现在，其中一个路由是Analytics路由，我想知道，如果是的话，只有在您第一次访问Analytics路由时才从某个提取数据的最佳方法是什么。我一直在考虑为它使用Redux，但我从未使用过它，所以我不知道是否应该将它存储在localStorage中。但是这有一个问题，因为在不同的路线上，我想以同样的方式获取图像。我之所以问这个问题，是因

浏览 2提问于2021-10-16得票数 0

2回答

在reactjs项目中构建服务层的一般可接受方式是什么？

reactjs

我正在使用axios.get()来调用我的一个组件中的api端点。我需要能够封装这个端点调用，这样我就可以通过从几个不同的组件调用它来重用这个实现。在React项目中构建这种类型的实现通常可以接受的方式是什么？例如，将相关的api调用分组到与src/component相同级别的src/services目录中的js文件中，这通常是可以接受的吗？

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

1回答

使用上下文API与私有路由交互登录

reactjs、authentication、react-hooks

在我的react应用程序中，登录-注销功能是使用上下文-API和钩子实现的。一切似乎都很好，除了我不得不点击两次‘登录’按钮，以推动用户到仪表板。这个声明，return <Redirect to="/dashboard />不工作，相反，我必须使用history.push('/dashboard')，这似乎不是一个更好的选择，我在登录。下面是工作

浏览 0提问于2020-09-23得票数 1

回答已采纳

0回答

React/Redux延迟加载数据

reactjs、redux

我有一个使用Redux作为状态容器的React应用程序。我获取了一个事件列表。这些活动有演讲者和参与者。当我点击应用程序中的活动时，它会显示演讲者和一些参与者，但这只是他们的预览。

浏览 4提问于2018-07-18得票数 3

2回答

什么是建议的方法，大的反应应用程序与反应-查询？

reactjs、typescript、react-hooks、react-functional-component、react-query

我最近开始使用react，使用功能性组件和react query，它一直运行良好，只是我不清楚如何正确地组织组件。我习惯于设计组件的方式是拥有一个顶级组件，它执行所有数据访问，并通过道具将数据传递给它的子组件。它还将各种回调处理程序传递给子组件，以便当需要操作时，顶层组件将更新数据并将新数据传递给子组件。分散到需要的组件中。Redux和react Query的混合匹配还好吗？例如，

浏览 19提问于2022-01-04得票数 1

1回答

是否有比上下文API更好的本机方法来使用React中的状态管理进行依赖注入？

reactjs、dependency-injection、state、state-management、react-context

我正在研究在React中使用依赖注入并允许在可注入的服务中共享状态管理(比如角)的最佳本机方式。在互联网上，我看到了上下文API的使用，这里有一个例子： counterService: ICounterService; messengerService组件只是与服务交互，以便在屏幕上显示信息和按钮

浏览 3提问于2021-11-29得票数 0

4回答

如何用反应钩完全取代剩余物？

reactjs、react-native、redux、react-hooks

我正在考虑使用react、useContext和context api来代替redux。话虽如此，我还是希望我的状态在结构上有点复杂。和context api都允许我创建复杂的结构。在使用react的情况下，我可以很好地使用Provider，Consumer/useContext将我的存储状态值传递给我的</e

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

回答已采纳

1回答

我是不是用错了反应？

javascript、reactjs、react-hooks、fetch、state

所以我已经和React一起工作了一段时间了，我可以通过使用React提供的东西来创建一些非常酷的项目，比如钩子、道具等等。我的工作流程总是会停止，当我试图在本地函数和全局函数之间传递变量和状态时，我最终会遇到意大利面代码的坏情况。9/10我最终被卡住了，违背了“反应钩”的规则，用一种非常普通的JS方式来解决问题。下面是

浏览 6提问于2022-03-11得票数 1

回答已采纳

1回答

反应上下文API的选择器？

reactjs

是否有任何库/核心反应函数提供类似于的功能

浏览 3提问于2020-12-12得票数 2

回答已采纳

2回答

如何将状态从子组件发送到React中的另一个组件

javascript、reactjs

我在将状态从子对象发送到父对象时遇到问题。在主组件中单击菜单后，我想将活动状态更改为活动，并将此活动发送到边栏组件，因为我想隐藏/显示边栏依赖于css的活动类。在Vanilla JS中这很容易，但在React中我有点困惑。 Main： import Menu from "./Menu"; }; const [search

浏览 15提问于2020-08-29得票数 2

回答已采纳

2回答

Django和React

python、django

我还没有找到任何这样或那样的说法，但有没有人知道你是否可以在django中拥有基于函数的视图，并将react作为前端？不使用模板。 return render(request, 'fad/fad_index.html', context) 但是，如果不使用fad_index.html，它会不会只是您希望它在react</

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

1回答

角路由器-使用抽象状态访问服务

angularjs、node.js、angular-ui-router、mean-stack、meanjs

使用mean.js：我创建了一个带有存储office上下文的服务的访问模块，在进行API调用时将其传递给后端。这是在应用程序从配置文件启动时设置的。这很好，但我需要允许管理员切

浏览 5提问于2017-04-05得票数 0

回答已采纳

1回答

通过登录获取Google Ads客户id

javascript、google-ads-api、google-login

我使用“google - ads -api”来管理谷歌广告。接口需要customer_account_id进行初始化。然而，我无法找到如何以编程方式从user获取“customer_account_id”。我在前端使用了“react-google-login”，但是在响应中没有“customer_account_id”。获取customer_account_id的最佳方式<

浏览 94提问于2021-01-04得票数 1

回答已采纳

1回答

自定义钩子中的React查询被多次触发。

next.js、react-context、react-query

沙箱代码：嗨，我有包装组件，它使用自定义钩子和react-query来获取数据并公开数据，以及isLoading和isError状态。在包装组件中，只要加载了查询，就不应呈现整个页面。如果查询失败，我希望从钩子中传递故障转移对象。该包装器的子组件中有使用相同自定义钩子的组件，但我希望它不需要关心isLoading状态，而是从

浏览 6提问于2022-09-09得票数 0

6回答

在创建组件时，如何以及在何处将JSON数据作为道具进行传递

javascript、html、reactjs

我正在从一个JSON获取一些俱乐部信息，我想在我的React组件' Club‘中使用它。我创建了一个组件ClubList，应该在其中创建具有相应名称的所有俱乐部组件，但是我不知道应该在哪里发出HTTP请求以及在哪里保存它，所以我可以在return语句中使用它。我刚刚开始使用ReactJS，所以我基本上是一个完全的ReactJS初学者(虽然不是JS )。API来获取Club-names，但我不知道如何组织变量

浏览 51提问于2019-03-27得票数 0

回答已采纳

点击加载更多