将Reaction上下文API与useReducer()挂钩一起使用有什么利弊?

问题描述我正在处理一个Web应用程序,我正在使用Reaction上下文,但没有使用useReducer()挂钩。这是我如何在我的应用程序中使用上下文的一个简单示例:const[stateValue,setStateValue]=useState("");const[stateVa

发布:2022-10-16 标签:javascriptreactjsreact-hooksreact-context


如何从Apollo设置上下文http链接访问反应上下文

问题描述我正在尝试访问我的Apollo客户端的setContext函数中的Reaction上下文值。我希望能够使用Reaction上下文值动态更新每个GraphQL请求的头。但我遇到一个错误,日志中没有可见的错误消息。我正在尝试做的事情可能吗?importReact,{useSt

发布:2022-10-16 标签:reactjsreact-hooksreact-apolloapollo-clientreact-context


更新useContext中的值时,组件不会重新呈现

问题描述我正在使用React的上下文API来存储一组项。有一个组件可以通过useContext()访问该数组,并显示数组的长度。还有另一个组件可以访问该函数,以通过useContext更新该数组。将项添加到数组时,组件不会重新呈现以反映数组的新长度。当我导航到应用程序中的另一个页

发布:2022-10-16 标签:reactjsgatsbyreact-context


React Native with Context API 警告:“允许需要循环,但可能导致未初始化的值......"

问题描述当我在ExpoReactNative项目中使用React的ContextAPI时,会收到以下警告:WhenIuseReact'sContextAPIinmyExpoReactNativeprojectgetthiswarning:要求循环是允许的,但可能导致未初始化的值.

发布:2022-10-16 标签:react-nativeexporeact-context


Next.js 的每页布局组件没有从 Vercel 的 swr 全局配置中获得价值

问题描述如果我明确输入提取器,来自swr的useSWR钩子在任何地方都可以工作.TheuseSWRhookfromswrworkseverywhereifIexplicitlyenterthefetcher.const{data}=useSWR("http://...",fetc

发布:2022-10-16 标签:javascripttypescriptnext.jsreact-contextswr


单元测试:用酶反应上下文 api 返回一个空对象

问题描述我第一次尝试使用React上下文API将信息从主组件传递到孙组件.所以首先我创建了一个上下文constMyContext=React.createContext({});导出默认的MyContext;这里是设置上下文值的主要组件从./MyContext.js"导入MyCo

发布:2022-10-16 标签:unit-testingreactjsjestjsenzymereact-context


Jest 模拟反应上下文

问题描述我需要一些帮助来理解如何使用ReactContext测试应用程序.IneedsomehelpunderstandinghowonecantestanapplicationusingReactContext.这是我的示例设置.context.jsimportReactfro

发布:2022-10-16 标签:unit-testingreactjsjestjsreact-testing-libraryreact-context


在打字稿中使用带有反应钩子的反应上下文

问题描述下面的代码演示了我如何尝试使用反应钩子实现反应的上下文,这里的想法是我将能够像这样轻松地从任何子组件访问上下文CodebelowdemonstrateshowI'mtryingtoimplementreact'scontextwithreacthooks,ideahere

发布:2022-10-16 标签:typescriptreactjsreact-hooksreact-context


反应 useContext() 性能,自定义钩子内的 useContext

问题描述我使用了一个使用ReactHooks的结构.它基于一个全局的Context,其中包含了reducer的组合(如在Redux中).此外,我广泛使用自定义钩子来分离逻辑.我有一个包含异步API请求的钩子,它变得非常麻烦,我有机会将这个钩子的几乎每个函数拆分成其他钩子,但是这些

发布:2022-10-16 标签:javascriptrenderingreactjsreact-hooksreact-context


React useReducer Hook 触发两次/如何将道具传递给减速器?

问题描述前言/描述我正在尝试将React的新钩子功能用于我正在构建的电子商务网站,并且在处理购物车组件中的错误时遇到了问题.我认为,在讨论之前,我试图通过使用多个Context组件来保持我的全局状态模块化这一事实是相关的.我有一个单独的上下文组件用于我提供的商品类型,还有一个单独

发布:2022-10-16 标签:javascriptreactjsreact-hooksreact-context