如何才能简化React Context API提供程序，而不必用所有这些提供程序包装我的父组件？我有几个页面:主页，博客，联系人，画廊和关于。我已经为联系人页面创建了上下文API上下文和提供者。每个提供者都有自己独特的API，我使用Axios和React Hooks来获取这些API。 我想问的是，有一种方法可以让我的代码保持干净和干燥，而不是一遍又一遍地重复我自己。例如，我希望有一个上下文函数，我可
浏览 15提问于2019-06-24得票数 0
回答已采纳
React已经发布了上下文API和，但是我们中的大多数人都熟悉Redux，我们应该考虑哪一种。
使用和的目的是什么？请详细解释Redux、Hooks和Context API是如何相互区别的。
浏览 0提问于2019-06-11得票数 18
回答已采纳
2回答
我正在试用Reactive16.4中发布的新的上下文API。当我使用多个上下文时，我无法使用提供者的默认值，但是在单个上下文中，使用者能够接收提供者的默认值。背景：const UserContext = React.createContext({ name: "Guest" });`
浏览 1提问于2018-08-02得票数 4
回答已采纳
1回答
我在使用多个上下文和还原剂的反应钩。这是我的App.js文件import { BrowserRouter as Router, Route, Switch } from "react-router-dom</AuthProvider> </Router>};
export default
浏览 5提问于2019-11-29得票数 0
回答已采纳
我有自定义的react管理页面，经常查询多个资源(帐户，帖子，评论为同一页)。
我使用redux作为副作用处理API请求，同时将视图组件与此逻辑分离。既然react-ADMIN3.0，为了正确地使用dataProvider和所有react的错误处理和通知，我应该使用useDataProvider钩子，但是-钩子不能从saga内部使用，那么我应该如何编排来自saga的多个请求呢？
浏览 3提问于2020-05-09得票数 0
回答已采纳
在这个来自的react示例中，在两个不同的组件中使用了一个自定义钩子来获取用户的在线状态... const [isOnline如果它是单独获取的，我如何才能只获取一次全局数据，然后将其传递给我的React应用程序中的不同组件？
浏览 1提问于2019-08-22得票数 14
3回答
编辑:使用钩子解决我遵循了一些教程，但由于某些原因，我无法将它应用到我自己的代码中。continent={["Africa"]} />编辑3:完整代码: JUMBOTRON (我开始使用上下文之前的代码首先，我想把它作为一个道具来传递，但是后来我被推荐使用上下文</e
浏览 8提问于2020-04-22得票数 1
回答已采纳
在相同的功能反应组件中，useContext钩子可以在两种不同的上下文中使用两次吗？在中，我们将得到以下提示：
如果您熟悉Hooks之前的上下文API，那么useContext(MyContext)相当于类中的static contextType = MyContext或<MyContext.Consumer"or“有一点不清楚；它不能告诉我们功能组件是否允许多个钩子。例如，在中，我们被告知使用static contextType = MyContext不允许我们订阅<
浏览 1提问于2022-06-30得票数 0
我构建了一个ReactJS组件库，用于通过使用sim链接的NPM包安装的多个项目。我希望使用上下文API将数据从从组件库提供服务的父组件传递到我的基础项目，以供同样从组件库提供服务的多个使用者组件使用。当我尝试时，在我的子组件中上下文总是未定义的。如果我将我的使用者组件放在我的库中的提供者组件中，它就像冠军一样工作，但这就破坏了我想要实现的目标。如果我将提供者和使用者都导出到我的基本项目中，使用者看不到提供者。> }
浏览 1提问于2019-09-17得票数 18
我使用一个react上下文来管理一个大型的输入表单，并且我希望提供者被放置在那个输入表单的周围。但是它会引发以下错误：“一个上下文使用者是用多个子函数呈现的，或者一个不是函数的子函数。上下文使用者期望一个子函数是一个函数。如果您确实传递了一个函数，请确保它周围没有尾随或空格。”这是我的背景：import { useState } from "react</em
浏览 3提问于2021-12-23得票数 1
2回答
正如我所理解的，React上下文API用于在组件之间共享数据，以避免在嵌套组件中重复使用道具传递数据。但是我可以用一个简单的单独的JS文件来完成它。用于存储用户数据的上下文API和JS文件之间的主要区别是什么？我应该在何时何地使用？
浏览 5提问于2021-01-14得票数 3
回答已采纳
在创建一个可重用的、可导入的函数来进行API调用时，我遇到了无法访问上下文API来获取身份验证令牌的问题。FetchDataFunction('get','endpoint', {params: {...}}); },[]);错误:未处理的拒绝(错误)：无效的钩子调用钩子只能在函数组件的主体内调用。这可能是由于以下原因之一: 1.你可能有不匹配的React和渲染器版本(如Reac
浏览 1提问于2020-01-08得票数 0
我已经学习了React，并且我已经学会了使用Context API，但是我听说有一个“新的context api”，因为我是通过一种旧的课程(2017年末)学习React的，我不知道我是在使用新的还是旧的Context API。另外，我刚刚发现了Redux，它看起来和我正在使用的几乎完全一样，那么Redux和上下文API到底是一样的吗？看看我的代码： 这是我的context.js： import React, {Component} from
浏览 26提问于2019-04-25得票数 0
在一个React组件中使用多个'useContext‘钩子是一种好的，甚至是传统的方式。通常我从提供程序中提取状态和分派，如下所示：当然，这意味着我在上下文本身中定义了state现在我读到一些人制作了一种“rootContext”，你可以通过一个提供者传递所有的状态。然而，对我来说，这似乎有点过头了。当然，我可以将state和dispatch命名为不同的名称，但是，我认为在使用u
浏览 1提问于2020-07-04得票数 2
1回答
我目前正在使用JSON RPC2.0后端API开发一个基于React.js的SPA。该接口基于websocket，需要跨多个React.js组件同时打开和管理多个websocket连接。首先，我考虑使用React Context API来管理这些套接字连接，其中包含一个保存连接状态的自定义提供者组件，并更新上下文和一个HOC/Hook。export default withWebsocket(App);
这对于单个连接非常有
浏览 74提问于2021-02-27得票数 0
我有一个react上下文，它被用作跨多个组件的提供者。，但它似乎只来自于夹在<Context.Provider>之间的某种类型的React组件
并且useContext只有在相关项被传递到呈现循环中时才会亮起编辑我想要
浏览 4提问于2019-11-03得票数 1
我使用react query是因为它非常强大，但是我很难在提供者内部的许多组件之间共享我的数据。我想知道这是不是正确的方法。PostsContext.jsimport { useTemplate } from '../api";
return useQuery([&qu
浏览 39提问于2021-02-13得票数 2
回答已采纳
我已经通过遵循他们的快速启动教程设置了Auth0 with React。const TestComponent = () => {
const getObjectsFromAPIAuthorization: "Bearer " +
浏览 1提问于2019-11-04得票数 5
回答已采纳
const [getName, setName] = useState("")itemId:{route.params.myItem}对象作为React
浏览 2提问于2022-01-23得票数 0
ClientContext： test: "Hello"
export const UserApplicationContext = React.createContext如何在不导出新上下文的情况下访问更新的值？谢谢!
浏览 0提问于2019-03-12得票数 2
回答已采纳
云服务器
ICP备案
云直播
腾讯会议
实时音视频
腾讯云开发者
