腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
使用
useReducer
和
React
上下文
API
时
,
Reducer
运行
两次
、
、
、
、
我在一种奇怪的环境中
使用
React
Context
API
以及
useReducer
和
useContext钩子,这有点让我头昏脑胀。 这是我的主店。import
React
, { createContext,
useReducer
} from '
react
'; export const Store = ({
浏览 134
提问于2020-09-03
得票数 0
回答已采纳
1
回答
React
JS Context
API
:从另一个组件访问输入值
、
如何
使用
上下文
API
使某个状态成为全局状态。
浏览 15
提问于2020-02-19
得票数 0
4
回答
使用
useReducer
在两个组件之间共享状态
尝试将状态从一个组件共享到另一个组件:可以从主组件访问状态,但从新组件访问
时
状态未定义这是我的
reducer
: default: }从不同的文件访问它: }, [selectedRowIds, selecte
浏览 4
提问于2020-09-01
得票数 5
3
回答
在没有任何错误信息的情况下反应显示空白屏幕(
使用
上下文
api
)
、
、
、
、
我正在构建一个克隆,因此为了让用户能够将一个产品添加到他的篮子中(作为所有未来结帐系统的第一个版本),我
使用
了Context
Api
来管理它。当我完成编写
上下文
Api
代码并将其添加到index.js文件以便能够访问数据
时
,我得到了一个没有任何错误消息的空白屏幕。我不知道问题到底在哪里。StateProvider.js import
React
, { createContext, useContext,
useReducer
} from '
react<
浏览 6
提问于2022-04-26
得票数 0
1
回答
在next.js中
使用
带有
useReducer
钩子的
上下文
Api
在调用useContext
时
返回未定义的结果
、
、
我在我的next.js应用程序中
使用
了带有
useReducer
钩子的
上下文
Api
,当
使用
contextProvider调用useContext
时
,它会返回未定义的结果。下面是我的代码=> contextPage=> import
React
, { createContext,
useReducer
, useContext } from '
react
'; importconstants/user
浏览 46
提问于2020-11-04
得票数 1
回答已采纳
1
回答
在index.js文件中包装主应用程序组件
时
反应
上下文
API
--它什么也不显示
、
、
、
、
我正在学习
上下文
API
。;DataLayer.jsimport
React
, {createContext, useContext,
useReducer
} from "
react
"; <DataLayerContext.Provider value={
useReducer
(
reducer
, initialState)}> </
浏览 4
提问于2022-05-28
得票数 0
1
回答
存储组件之间的反应状态的简单方法
、
、
当用户转到" data“选项卡
时
,它将从
API
调用中获取数据,并将数据设置为一种反应状态。但是,如果用户从" data“选项卡转到"Home”选项卡,然后返回到" data“选项卡,则必须再次从
API
调用中获取数据,因为状态中的数据已经消失。所需功能的Psuedocode: const [outputData所需的功能是当用户返回到
浏览 1
提问于2020-06-06
得票数 0
回答已采纳
1
回答
在类中与由
上下文
API
管理的状态一起维护状态是否有意义?
、
我正在开始重新分解我的反应状态管理,以利用
上下文
API
。import
React
, {createContext, useContext,
useReducer
} from '
react
'; export const StateContextvalue={
useReducer
(
reducer
, initia
浏览 0
提问于2019-06-08
得票数 0
1
回答
当我导入useContext
时
,我会得到这个错误
、
、
因此,在
使用
useContxt导入时,没有定义error Server错误ReferenceError: UserContext。注意,我正在
使用
next.js。是
和
webpack有关还是在我的代码里。/importimport { useState, createContext, useContext } f
浏览 3
提问于2022-06-25
得票数 0
1
回答
Gatsby
上下文
API
不呈现其值
、
、
、
尝试从
上下文
API
呈现状态,但在控制台中它显示为undefined,不呈现任何内容。这是
上下文
文件 return ( <GlobalStateContext.Provider v
浏览 3
提问于2020-03-12
得票数 0
2
回答
react
__WEBPACK_IMPORTED_MODULE_0___default(...):TypeError不是一个函数
、
、
、
我正在
使用
React
中的
上下文
API
制作一个待办应用程序。在启动开发服务器
时
,它会抛出错误:import
React
, {
useReducer
} from '
react
'; import Container from "reactstrap/lib/Container&
浏览 2
提问于2020-04-23
得票数 8
回答已采纳
1
回答
如何修复'ContextType | undefined‘类型上不存在的属性'incrementCount’
、
、
、
、
我试图抽象useContext
和
useReducer
的逻辑,使其在创建新
上下文
时
不会重复代码,但当我尝试
使用
typescript强类型createContext
时
,我遇到了一些问题。
使用
这个函数,我会自动创建
上下文
: import
React
, { createContext, ReactElement,
useReducer
} from '
react
'; type Prov
浏览 73
提问于2021-01-06
得票数 1
回答已采纳
2
回答
下一个JS - getStaticProps不返回任何东西
、
我
使用
的是带有
上下文
API
和
样式组件的Next.js,我似乎无法让getStaticProps正常工作。我读过其他文章,他们经常谈论我确实有的定制_app,但在
使用
上下文
API
之前,我从未遇到过这个问题。我也尝试过getInitialProps函数,但没有结果。return { hi: 'hello', };我尝试过从函数中进行日志记录,但是没有任何日志记录,所以我可以想象,问题是该函数没
浏览 3
提问于2020-09-24
得票数 9
回答已采纳
1
回答
我得到了一个错误“未定义的TypeError:未定义是不可迭代的(无法读取属性符号(Symbol.iterator))”。找不到解决办法
、
、
dispatch({ user: providerData[0],};export const StateContext = createContext(); export const StateProvider = ({
reducer
, initialSta
浏览 1
提问于2022-09-24
得票数 0
回答已采纳
2
回答
TypeScript中的
上下文
提供程序
、
、
我得到了在ES6上工作的最简单的
上下文
提供程序,但我无法将其转换为在TypeScript项目中
使用
。我搜索的每个网站在实现
上下文
api
方面都有完全不同的看法。它只是一个布尔变量
和
一个用来设置它的函数,我总是遇到TypeScript的问题。 我需要改变整个方法才能让它在TypeScript上工作吗?context.js import
React
from '
react
' import
Reducer
from './
浏览 31
提问于2021-01-26
得票数 2
1
回答
如何
使用
上下文
保存状态值
、
、
我正在用3steos创建一个模式,我想在第二步中
使用
第一步状态,但是当我移动到第二步
时
,所有的状态都初始化到它的初始状态。我对
使用
react
上下文
和
回调是个新手。
使用
上下文
保存状态的HOw
浏览 27
提问于2020-03-28
得票数 0
1
回答
反应本土语境
、
、
我正在尝试创建一个
上下文
,用于保存
Api
响应中的数据。但它给了我一个错误。我不知道如何解决这个错误。这个屏幕是一个显示屏幕。在索引屏幕上,我可以
使用
另一个
上下文
,它
运行
得很好。我想要创建另一个
上下文
来保存来自其他
Api
调用的数据。我正试图复制它,但它给了我一个错误。谢谢。/
api
/
api
'; switch
浏览 0
提问于2020-04-28
得票数 0
2
回答
:
上下文
API
作为全局存储
、
、
我正在
使用
TypeScript开发一个
React
应用程序。我想用
React
和
Context
API
来设置状态管理,并发现了这个很酷、简单
和
简短的。import
React
, { createContext, useContext,
useReducer
} from '
react
'; export interface IState, initialStat
浏览 3
提问于2020-11-25
得票数 1
1
回答
为什么onClick事件会在e.preventDefault
使用
钩子的情况下触发
两次
呢?
、
、
、
、
更新:问题直接发生在还原器中,与onClick函数
和
deleteLastItem函数无关。我用console.logs测试了这个,显然唯一重复
两次
的是直接在还原器中的那个。我同时测试了钩子
useReducer
和
useContext,因为我认为它们可以很好地结合在一起,但是很明显,当我将一个函数设置为onClick函数
时
,它会被触发
两次
,而且根本原因不是因为我从数组中删除了最后一个条目下面是存储
上下文
和
还原器钩子的文件: import
React
浏览 2
提问于2020-09-06
得票数 0
2
回答
React
Context
API
: StateProvider未呈现应用程序组件
我
使用
的是
React
-Context-
API
而不是redux,但是在创建了StateProvider
和
reducer
之后,当我将应用程序组件包装在Index.js中的StateProvider中
时
。/
reducer
"; <
React
.StrictMode> <StateProvider initialState={initialState}
reducer</
浏览 35
提问于2021-09-06
得票数 1
回答已采纳
点击加载更多
相关
资讯
想创建应用程序,只用React Hooks就够了
React使用钩子增强组件
React Hooks踩坑分享
Redux:可预测化的JavaScript状态管理容器
React Hooks-缓存记忆
热门
标签
更多标签
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券