我发现这个教程https://www.digitalocean.com/community/tutorials/react-crud-context-hooks描述了如何使用反应钩子和上下文构建 CRUD 应用程序 API。 假设 state 被描述为带有 object 的数组,并且在 appRe ...
我发现这个教程https://www.digitalocean.com/community/tutorials/react-crud-context-hooks描述了如何使用反应钩子和上下文构建 CRUD 应用程序 API。 假设 state 被描述为带有 object 的数组,并且在 appRe ...
我有一个上下文存储,它工作正常。 我写了一个自定义钩子来更轻松地使用该上下文这是代码: 它工作正常,但是当我在其他组件中使用 This hook 时,它们不会在设置新商店时重新呈现我尝试过的是:替换代码 和 我的问题解决了,但我真的不知道为什么会这样…… 我的自定义 useLocalStorage ...
我有一个 React 应用程序布局的上下文,它使用一个钩子来找出当前的 window 大小: 代码有点多,但这些是重要的部分。 我想用全球 Zustand 商店代替它,但我无法确切地理解如何去做。 我将在哪里使用 useWindowSize 挂钩? 如果我要离开这个包装布局的上下文提供者,我将在哪 ...
我创建了一个像这样的反应钩子 useAuth : 我在每个需要身份验证信息(如用户)或检查用户是否已通过身份验证的地方都使用此挂钩。 这个钩子的问题是像这个代码示例的无限循环: https://codesandbox.io/s/proud-frog-9kh6oh?file=/src/useAuth ...
我正在使用react-firebase-hook ,我正在尝试检查用户是否是管理员,我希望它是一个全局的 state ,我不必在每个组件中添加此代码检查用户是否是管理员,这里是代码.. 我想将其作为全局 state,尝试使用 useContext 但我认为我使用它的方式不对,所以有人可以提供帮助吗 ...
在创建帐户时,我需要为用户创建 2 collections 1,为公司创建 1。 在每一个中,我都需要捕获 UID。 我似乎无法抓住它。 我在 console.log 时一直未定义。 成分 authContext 我已经尝试了 firebase 文档中的所有内容,但我相信因为我使用的是上下文,所 ...
当我学习 react navigation 6.0 的身份验证流程时,我阅读了使用 redux 的示例代码,它使用了虚拟令牌,但是在我的 react native 项目中,我必须从服务器获取真实令牌,所以我尝试在示例项目。 我得到了错误, 我搜了一下,是因为我在useMemo中使用了hooks。 ...
在 React 的范式中,观察者模式和 React 上下文有什么区别? 据我了解,看起来它们是实现相同结果的不同方法 ...
我正在尝试从上下文 api 中获取值,但是,我得到了一个默认值(没有在上下文调用期间进行的更新)和一个未定义的值(应该在上下文提供程序中获取一个值) sortListContext.tsx 收藏夹.tsx 我已经尝试将初始值设置为 actualSort 但不起作用,错误可能出在提供者身上 ...
我刚开始使用上下文,我只是想慢慢开始。 我看到了有关记录您的提供者以测试该值的事情,并且我得到了一个常量未定义的值。 我已经在代码中将它们并排移动,看看是否有任何改变。 在这个 function 被调用时,无论 Provider 的值是什么,日志值总是未定义的。 关于解决这个问题的任何想法? 最终 ...
我正在尝试创建一个包含 state 和 reducer 的上下文。 但它在 return 语句中给我错误消息,我只是不知道该怎么做: 运算符 '<' 不能应用于类型 'boolean' 和 'RegExp'.ts(2365) 未终止的正则表达式 literal.ts(1161) 任何人都知道, ...
我目前正在学习 Typescript 并使用类型安全从 Typescript 移动我的项目的所有代码,但我仍然不明白像这样的某些事情。 我只是想正确地输入所有内容并试图了解它们如何工作的过程。 这是我的 AuthContext.tsx 文件,它可以在整个 React 应用程序中为我轻松导出 cur ...
我使用 Context.Provider + useReducer,我的上下文中有 function“fetchCars()”用于获取汽车,这取决于所选的过滤器值可能是新手问题,但我不明白为什么每次更改过滤器值后都会安装名为“Filters.jsx”的消费者组件。 因此,我无法在 Filter.js ...
我在底部设置了一个登录表单: 每当用户登录时, showAuthModal设置为false , index将再次设置为 -1。 然而,工作表根本没有关闭。 另一种方法确实有效,如果我在我的应用程序中的某处使用某个按钮将showAuthModal设置为true ,工作表将打开。 这可能是因为我正在从它 ...
我写了上下文文件AuthContext.ts 。 这是代码 当我在上面的代码中编写返回脚本时,Visual Studio Code 没有在建议中提供 AuthContext 但是当我使用 AuthProvider 时,它会显示错误: 谢谢 ...
我正在尝试将我的数据获取移动到组件文件之外的自定义挂钩,以便更好地组织代码,但当与我的上下文结合使用时,我遇到了挂钩无法正常工作的问题。 这是我的 AuthContext.tsx 文件 这是我的 useRooms.ts 文件(我的钩子) 我收到的错误是: 至于错误中看到的那些文件名,它们都来自我 ...
我正在创建上下文来处理 typescript 应用程序中的身份验证。 我写了这个AuthProvider.ts 然后我用这个 AuthProvider 包装 App; 此代码出错,当我在 javascript 应用程序中编写相同的代码时,它工作正常。 AuthContext.ts错误 App.j ...
我有一个使用 React 构建的小型工作组合网站,我想用它来展示我的图形设计和 web 开发工作。 迎接访问者的是一个带有“项目卡”组件的登陆页面,该组件链接到包含每个单独项目信息的后续页面。 我希望访问者能够选择要查看的项目类型,在“设计”和“Web”之间切换。 为实现这一点, Header.j ...
在 _app.js 文件中,我使用了AppContext.Provider并向其中添加了card和setcard : 我在 Mycards.js 组件中使用useContext和map : 在Grid内部,我使用以下代码将item.itemMainPic的值添加到pic并且它正在工作: 我需要在p ...
我有以下内容: const {totals} = useMyContext(); totals def.netely 存在于 object 上,但在调用 useMyContext() 时它一定还不存在。 因此未定义。 编码在上面的行上中断了。 我不确定如何最好地让下面的等待,直到总计有一个未 ...