我正在尝试为应用程序需要的所有组件创建一个共享的全局状态，而不是依赖于道具钻取或redux，我正在尝试通过React上下文来实现这一点。 当我在路由之间切换时，为什么我的用户上下文不能继续存在？我是否需要将任何其他挂钩与useContext结合使用 //index.jsimport ReactDOM from 'react-dom';
import, {
浏览 12提问于2019-06-15得票数 6
回答已采纳
2回答
我正在关注youtube上的一篇反应教程，在那里我试图将项目从JavaScript转换成TypeScript，我在useContext上遇到了很多麻烦，如果有人能在这里帮助我，我会很感激的。如果您想知道这里的哪个教程是
浏览 11提问于2022-10-23得票数 -1
回答已采纳
我正在尝试在我的React应用程序中实现实时聊天。这是我第一次使用socket.io，我遇到了一些麻烦。我在App.js中创建了一个新的套接字和连接，如下所示： const [socket, setSocket] = useState(null);
const setupSocket = ()classes.button} variant="contained" color="primary"> Join </Button> 当我尝试访问Chat.js中的套接字时
浏览 46提问于2021-04-27得票数 0
如何在一个地方声明它，以便能够在两个选项卡之间共享它。我不认为将其作为参数在选项卡之间传递是一个好的解决方案。在ionic angular中，我使用了一个服务来处理这种变量，并且很容易在整个应用程序中引用这些变量。离子反应的解决方案是什么？
浏览 31提问于2021-03-27得票数 0
我尝试使用useContext向下传递一个值，如下所示export const selectedContext = React.createContext();
<Cards /> </selectedContext.Provider>};这是在Card.js中(提供者中的子级)
co
浏览 15提问于2020-03-01得票数 0
我需要在每个路由中都是可见的，例如，如果我想改变路由，使其在不同的路由中可见，那么将这个组件放在哪里？
现在，这是内部主页，并将触发在某些情况下。工作很好，但在什么时候。转到不同的页面是不可见的。将此组件设置为在每个页面中可见的位置？
浏览 7提问于2022-05-04得票数 0
我正在用Nextjs创建一个电子商务应用程序，并希望在页面之间共享数据。我知道我们不能使用props在页面之间传递数据，所以我正在研究react context api。这是我第一次使用react上下文api。我研究了一下，发现应该在nextjs的_app.js页面中添加提供者。但这会在所有页面之间共享数据。另外，我的数据是由getStaticProps在应用程序的slug
浏览 8提问于2021-05-25得票数 0
回答已采纳
我试图在两个组件之间传递一个函数，但即使我没有任何错误，我传递的函数也不会显示，或者更准确地说，它不工作。我有两个文件，其中一个是创建上下文，而另一个是使用它(显然)。现在，它们不会显示在App.js (以index.js格式呈现，通常的东西)中，它们在单独的文件夹中。我正在使用React Router显示其中一个页面(News.js)。以下是这些文件：import React, { useContext, cr
浏览 51提问于2021-03-02得票数 0
回答已采纳
我正在使用Edamam recipe做一个菜谱应用程序，在我刷新recipe Detail page.when之前，它工作得很好。read properties of undefined (reading 'recipe') 我不知道为什么当页面没有刷新时，happening.It会工作。,{useContext,useState,useEffect} from "react";
import { Link } from "react-router-dom
浏览 13提问于2021-11-21得票数 0
我一直在尝试使用React Native中的上下文钩子，但它似乎不起作用，它返回未定义。但是，当我使用<Context.Consumer>时，它确实工作得很好，你知道useContext在React Native中是否受支持吗？
浏览 69提问于2019-09-23得票数 4
回答已采纳
1回答
我一直无法在我的React应用程序中正确使用上下文。大多数文档都使用基于类的组件，我正在尝试使用功能组件。 该错误说明未定义AppContext。如果我在<AppContext.Provider value='AppName'>之后立即添加console.log(React.useContext(AppContext))，则会记录正确答案。但是，这里没有在Header中定义AppContext： const app = useCo
浏览 18提问于2021-02-11得票数 0
回答已采纳
1回答
我试图重构一个应用程序使用useContext，但遇到了一个障碍，无法弄清楚发生了什么。我拥有在_app.js中设置的全局上下文，并将其传递给呈现它的Layout。这很好，我在pages/_app.js中定义的pages/_app.js上下文变量在Layout上
浏览 1提问于2021-08-07得票数 0
我希望在useParams()内部传递createContext()的数据，以便在不同的组件中使用数据import React,{createContext} from 'react';import {useParams} from 'react-router-dom';
}
expor
浏览 1提问于2022-08-19得票数 0
1回答
我在使用react上下文钩子API时遇到了问题，我通过提供程序传递了这个函数，但是子组件似乎无法运行它。// import ".import { createContext } from "react";
export constThemeUpdateContext = createContext</e
浏览 1提问于2021-04-15得票数 0
我有一个钩子，用于从useContext中获取值import React, { useContext } from 'react';
const firebase = useContextFirebaseConte
浏览 15提问于2020-08-14得票数 0
1回答
我想在Next.js中的页面之间传递一个状态。, useState } from 'react';
{children} );在我的
浏览 6提问于2022-03-26得票数 0
回答已采纳
我知道React Context对于在深层组件树中共享状态非常有用，而不必进行属性钻取。但是，我找不到一种好方法来在多个独立的组件树之间共享相同的上下文值。我工作的应用程序并不是一个真正的React前端；相反，它有一些React树散布在整个页面上。我想使用上下文在它们之间共享状态。我知道Redux可以处理这个问题，但如果可能，我会尽量避免使用它。// counter-context.jsx
imp
浏览 2提问于2019-09-10得票数 9
1回答
我试图在react中使用useContext，我在向提供者发送值时遇到了问题，但是在useContext中，我无法得到这个值。在父“索引”中创建createContext
export default functionfunction NavBar(props) {
con
浏览 5提问于2022-04-05得票数 0
我正在使用，下面是一个示例
const FooContext = createContext我知道createContext函数具有可用的{ Provider, Consumer }析构属性。有什么方法可以用来压缩这段代码吗？我有这样的想法，但不幸的是，这不是有效的语法。import React, { createContext, use
浏览 4提问于2020-05-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
