在上下文使用者上使用useContext()时，React上下文“属性'state‘不存在”
在使用React中的useContext()时，React上下文属性'state'不存在的原因可能是以下几种情况：
- 上下文提供者未正确设置状态属性：在使用useContext()之前，需要先创建一个上下文提供者，并在提供者中设置状态属性。如果状态属性未正确设置，那么在使用useContext()时就会出现'state'不存在的错误。解决方法是检查上下文提供者的代码，确保状态属性被正确设置。
- 上下文提供者未正确传递状态属性：即使上下文提供者中正确设置了状态属性，但在使用useContext()时，可能未正确传递该属性。解决方法是检查使用useContext()的组件，确保正确传递了状态属性。
- 上下文提供者未正确包装组件：在使用useContext()之前，需要确保组件被正确包装在上下文提供者中。如果组件未被正确包装，那么在使用useContext()时就会出现'state'不存在的错误。解决方法是检查组件的渲染位置，确保组件被正确包装在上下文提供者中。
总结起来，当在上下文使用者上使用useContext()时，出现React上下文属性'state'不存在的错误，需要检查上下文提供者的代码，确保状态属性被正确设置，并且在使用useContext()的组件中正确传递和包装上下文提供者。
相关·内容
我正在尝试在我的React项目中实现上下文。每次我尝试实现这个上下文时，都会得到相同的错误： Property 'state' does not exist on type '{ count: number; currentColor: string> 40 | let { state, dispatch } = React.useContext(ContextOne);
| ^ <
浏览 72提问于2020-04-06得票数 1
回答已采纳
所以，我有一个非常奇怪的问题，反应上下文+类型记录。
如果我改变了我创建上下文的方式，我就可以推断出：至
export const AdminStore = Rea
浏览 0提问于2019-02-07得票数 51
回答已采纳
4回答
我需要使用上下文提供程序，当我试图使用上下文时，它告诉我NavContext' is not defined no-undef。NavContext.jsimport NavContext
浏览 8提问于2021-01-21得票数 1
回答已采纳
1回答
每个端点都接收一个令牌(稍后在身份验证标头中使用)。.);每次使用从React组件调用其中一个端点时，我都必须传递令牌(保存在React上下文中)，如下所示：我试图通过使endpoints.ts能够访问React来简化它。我想做这样的事：
const context = useContext(context)
浏览 0提问于2021-01-20得票数 1
1回答
上下文不更新值
、、
/Contexts"; const [showScan, setScan] = useState(false); <> </Sc
浏览 1提问于2022-01-05得票数 0
回答已采纳
我在我的Ionic React应用程序中添加了一个包含useReducer钩子的上下文。我看到了一些奇怪的行为:当我用一个dispatch调用更新上下文值时，将在页面上更新一个使用者组件，但是选项卡栏上完全相同的组件不会被更新。似乎上下文正在本地更新，而不是在全球范围内更新。在中有一个评论
您正在<
浏览 2提问于2021-08-05得票数 2
回答已采纳
我试图抽象useContext和useReducer的逻辑，使其在创建新上下文时不会重复代码，但当我尝试使用typescript强类型createContext时，我遇到了一些问题。使用这个函数，我会自动创建上下文： import React, { createContext, ReactElement, useReducer } from 'react';
type ProviderProps{children
浏览 73提问于2021-01-06得票数 1
回答已采纳
2回答
我一直在尝试理解新的，并在使用它。我只想检查一个简单的案例--当数据更新到提供者时，所有的重新呈现。检查this.state = { text - A static text
}我从这里创建一个新的React上下文，其中包含状态的number和text，并将这些值传递给两个消费者-- Number和Text。因此，我的假设是，如果随机数更新，它将改变上下文，这两个组件
浏览 0提问于2018-06-12得票数 92
回答已采纳
3回答
根据
在我希望使用上下文的组件中：
import React, { useContext } from '<
浏览 6提问于2020-01-20得票数 1
回答已采纳
1回答
我在根级创建了一个上下文组件，即应用程序，并在多个配置文件组件中使用useContext钩子共享该上下文。用户可以从任何子组件中更改概要文件属性，如标题、概要，并更新全局上下文。当全局上下文刷新时，它将导致使用上下文的所有子组件重新呈现。如何避免在没有更改的情况下重新呈现其他组件。, { FC, useContext } from 'react';
impor
浏览 4提问于2022-03-22得票数 0
我有一个钩子useAuth()在上下文中处理用户。import AuthContext from "..AuthContext has been declared: const AuthContext = createContext({}); return useContext下面生成错误属性'auth‘在类型'{}&#x
浏览 5提问于2022-07-14得票数 0
回答已采纳
4回答
我只是好奇是否可以在上下文API中使用上下文API。例如，我将有一个用于AppState的上下文API，并希望在处理WebSocket连接的另一个上下文API中使用该上下文API？
浏览 4提问于2019-10-11得票数 8
回答已采纳
我认为一般规则是:上下文使用者只有在上下文值发生变化时才重新呈现。规则：
我仍然能够使每个组件重新呈现，因为我们可以看到在每
浏览 6提问于2022-08-07得票数 1
据我理解，React的上下文提供程序在上下文值发生变化时更新其使用者。
通过使用与相同的算法比较新值和旧值来确定更改。/react-dom.production.min.js"></
浏览 1提问于2019-03-28得票数 1
回答已采纳
1回答
import { useState } from 'react'
const [ text, setText ] =例如，当我输入<textarea />和onChanged被触发时，函数重发器会使您失去对文本区域的关注。因此，最终您无法真正键入文本区域。border: '1px solid blue'}}>
浏览 2提问于2021-08-03得票数 5
回答已采纳
我在React中创建了以下上下文：import { createContext, FC } from "react{children} )到目前为止还不错，但是当我尝试使用这个上下文时也
浏览 1提问于2021-06-29得票数 0
回答已采纳
当整个状态在值中传递时，如何使用useContext访问上下文提供程序中的数据 假设我的状态是这样的 const state = { Key: 12345,}; 我已经通过提供程序在上下文api中传递了这个状态 <AuthContext.Provider
value= {{state , dispatch}}
浏览 9提问于2020-04-27得票数 1
一个工作示例：import React, { useContext, useEffect, useState } from "react";
user: null,});
const [pet, setPet]proxy pet via the context so that I won't have
浏览 3提问于2022-01-31得票数 2
回答已采纳
我做了一个定制的上下文： state: StateType;}
};
国家类型： itemsuseCustomContext = (): Array<IContextProps> =&
浏览 6提问于2022-05-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
