gpt4 book ai didi

javascript - 如何使用 React 测试库测试自定义 Hook

转载 作者:行者123 更新时间:2023-11-30 14:05:47 24 4
gpt4 key购买 nike

我尝试使用 react-hooks-testing-library,但似乎无法处理使用 useContext 的 Hook 。

import React,{useContext} from 'react'
import {AuthContextData} from '../../AuthContext/AuthContext'
const useAuthContext = () => {
const {authState} = useContext(AuthContextData)
const {isAuth,token,userId,userData} = authState
return {isAuth,token,userId,userData}
}
export default useAuthContext

最佳答案

您必须将钩子(Hook)包装在上下文提供程序中:

let authContext
renderHook(() => (authContext = useAuthContext()), {
wrapper: ({ children }) => (
<AuthContextData.Provider value={/* Your value */}>
{children}
<AuthContextData.Provider>
)
})

关于javascript - 如何使用 React 测试库测试自定义 Hook,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55422786/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com