我对测试和使用酶和Jest编写非常简单的测试是个新手。我只想检查组件是否渲染。然而，(我猜)因为我的组件使用useContext钩子，所以测试用例自动返回来自上下文的所有值的未定义。在组件中： const { count, setCount } = useContext(Context); 测试用例： it('should render', () => {
const component
浏览 46提问于2019-12-14得票数 1
startingValue}> </SomeContext.Provider>defaultValue似乎毫无用处，因为如果您将startingValue设置为其他任何东西，或者不设置它(即undefined
浏览 0提问于2018-04-20得票数 109
回答已采纳
我在读取useContext中用于身份验证的函数时遇到了一个问题。我的createContext和Provider函数在Account.js文件中：import { CognitoUserProvider> </Account> }import React, { use
浏览 17提问于2021-05-27得票数 0
1回答
我在React Native中得到以下代码的错误： Invalid attempt to destructure non-iterable instance.]}> </CounterContext.Provider>} counter-display.js import React, { useContext/context/counter-context';
export default function Cou
浏览 68提问于2020-09-12得票数 2
回答已采纳
我正在使用useContext和TypeScript创建上下文。在我的App.tsx文件中，我有一个函数作为包装器，被分成单独的文件App.tsx。但是，当试图像这样获得useContext的上下文时：
import { MovieDetailContext } from '.在两个文件中，我在同一个位置(MovieDetailContext为下划线)出现了一个错误。<ProviderProps<Context>> | unde
浏览 13提问于2021-01-13得票数 0
我有一个AuthProvider和useAuth方法，它在我的App.js根文件中返回useContext(AuthContext)，但是，如果我在App.js中console.log useAuth()的返回值，它是未定义的，为什么？在任何其他子组件中，例如Loginpage，都会显示一个authContext。 我的App.js： import { AuthProvider, useAuth } from './provider
浏览 18提问于2021-09-30得票数 0
回答已采纳
我希望能够在没有上下文提供程序的情况下运行组件(用于测试)。为此，我需要检查我的组件周围是否有上下文提供程序。// no provider available, e.g. in a test file }这个问题不是专门关于测试的
浏览 17提问于2018-09-04得票数 11
回答已采纳
2回答
我正在关注youtube上的一篇反应教程，在那里我试图将项目从JavaScript转换成TypeScript，我在useContext上遇到了很多麻烦，如果有人能在这里帮助我，我会很感激的。如果您想知道这里的哪个教程是 )
export
浏览 11提问于2022-10-23得票数 -1
回答已采纳
1回答
我想让“屏幕”中的setLoading函数在"HomeScreen“中可用。我想在HomeScreen (子组件)中控制Modal的状态。/context";
console.lo
浏览 4提问于2022-08-22得票数 0
2回答
(undefined);
const resources = useContext(ResourceScopeContext它不能正确运行，并且在useContext行Component2中失败--我的想法是，由于必须调用useContext 来修复tslint错误，所以我决定有条件地调用具有不同创建上下文的useContext如果变量inputResource
浏览 4提问于2021-06-02得票数 4
回答已采纳
因此，我一直在学习如何使用useContext和useReducer钩子进行操作/调度，每当我尝试从任何组件中使用not函数时，它都会抛出"Uncaught :分派不是函数“错误。/Context/action.types";
type: OPEN_IMAGE_MODAL
浏览 5提问于2022-10-19得票数 2
回答已采纳
我正在学习，我正在使用我构建的一个项目作为测试。export const ProcessProv
浏览 11提问于2021-12-25得票数 1
回答已采纳
我在React中创建了以下上下文：import { createContext, FC } from "react>(undefined)
const MobileProvider: FC = ({ children }) => {
const [show, setShow]也就是说，在以下代码中，val
浏览 1提问于2021-06-29得票数 0
回答已采纳
我试图确定在Jest测试时如何最好地模拟提供者。我发现最有希望的线索是RTL，它在它们的文档中提供了以下示例：玩笑测验import { render } from '@testing-library]
因为“React”在相关文件中的作用域，而且我正在密切跟踪RTL示例，所
浏览 5提问于2020-09-26得票数 4
回答已采纳
正如标题所示，我的状态在Mobx商店里。我有一个异步方法(action)，它获取数据并将其存储在存储区内的一个属性中，然后在必要的组件中访问它。如何使用useEffect()，以便它只运行一次异步方法--并且在初始组件呈现之前--确保状态对return()可用？就像这样： const store = useContext(WorkflowContext)
useEffect(async ()
浏览 4提问于2019-04-17得票数 1
回答已采纳
3回答
FormColorProvider> </DefaultLayout> )NewFormComponent.js const color = useContext
浏览 2提问于2021-01-03得票数 0
回答已采纳
使用Next.js，我可以在header.js文件中获得上下文值，没有问题，但它在_app.js中返回undefinedimport { createContext, useContext, useState } from 'react'
{children}
<
浏览 1提问于2021-01-05得票数 0
回答已采纳
考虑以下组件：import FormContext from "../FormContext";
const getInputValue = useContext(FormContext);我看过一些关于这方面的文章和讨论，
浏览 0提问于2020-02-11得票数 0
1回答
/userContext';
const {name} = React.useContext(UserContext); <View</View>}我预期函数useAuth会看到Sa Pagesd ()输入，我在哪里做错了
我想做案例管理，但是这个名字出现在应用程序js中，
浏览 4提问于2020-10-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
