如何创建一个可重用的调用setUserContext的函数？React钩子useContext

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-hooks、use-context

所以我有4个组件，它们都在onClick处理程序中做同样的事情。我必须在它们中的每一个中定义这个代码。我不知道如何使其可重用的原因是，您不能在常规的非react实用函数中调用setUserContext。我试着创建一个钩子，但是你不能在onClick中使用钩子作为回调函数。我在这里有什么选

浏览 12提问于2021-09-26得票数 1

回答已采纳

2回答

React - API函数无权访问上下文API

reactjs

在创建一个可重用的、可导入的函数来进行API调用时，我遇到了无法访问上下文API来获取身份验证令牌的问题。可导入函数：import { Context } from '...}}); fe

浏览 1提问于2020-01-08得票数 0

1回答

响应上下文-来自函数的分派

reactjs、react-hooks

我必须在函数中调用分派(上下文，而不是Redux)，但我无法这样做。(Error: Invalid hook call.是否有办法在从组件调用的函数中运行钩子(或仅运行dispatch)？我可以使用Redux (store.dispatch(...))来完成这个任务，但是我不知道如何使用React来完成这个任务。示例功能： const { dispatch } = React.<em

浏览 3提问于2022-04-30得票数 1

回答已采纳

1回答

登录用户react js后将Id发送给另一个组件

reactjs、firebase

我为注册用户设置函数。然后我创建了一个登录函数。当用户签名时，用户重定向到用户配置文件编辑模式。现在我想在用户登录他/她的特定数据时检索数据。我需要获取一个firebase用户id，以便在登录时传递另一个组件。我尝试获取firebase用户id并将id传递给另一个component.Then，我尝试使用get函数将id传递给后端。然后我想我可以为特定的用户检索数据asy

浏览 0提问于2021-03-30得票数 1

1回答

在打字本中使用React.Provider更新用户上下文的正确方法

reactjs、typescript

但是，我的类型记录React应用程序不会构建，因为我得到了以下内容：在_app.tsx中 import React, { useState, useMemo } from "react&qu

浏览 10提问于2022-03-12得票数 0

1回答

在仅限函数的组件中设置React上下文

reactjs、react-component、context-api

我的目标很简单。我只是想从一个可重用的函数中设置我的react上下文--只有一个(无状态？)react组件。当这个可重用的函数被调用时，它会将上下文(内部状态)设置为我提供的值。当然，问题是你不能在一个纯函数的组件中导入react，因此我

浏览 0提问于2021-02-03得票数 0

1回答

如何获得UserId并使用useContext、useState和useEffect将其设置为全局变量？

amazon-web-services、react-native、react-hooks

我有一个由React构建的应用程序--原生的、放大的、AppSync的和认知的，当它加载时，我想将用户ID和用户类型保存为可以在每个屏幕上访问的全局状态。用户id和用户类型(教师或学生)不会更改，因为这些都是在注册时创建的。() const [userContext, setUserContext] = useState({}) const getU

浏览 0提问于2020-04-14得票数 1

2回答

共享函数上的无效钩子调用

react-hooks

我是新手，我正在创建用于更新项目状态的共享通用函数。这样做的目的是在其他模块上重用此功能。但是，在无效钩子调用(无效钩子调用)上，我面临运行时错误。只能在函数组件的主体内调用钩子)。如何更改函数以修复无效的钩子调用？{ const {updateProSecStatu

浏览 7提问于2022-07-16得票数 0

1回答

在JSON导出中添加useContext()

javascript、reactjs、json、use-context

我想要创建一个功能列表，我可以轻松地从我的应用程序的任何地方访问，只需导入组件。下面是我的组件的样子：import { AES } from "crypto-js"import { ConfigurationContext } from "../

浏览 5提问于2022-03-29得票数 0

3回答

将组件调用方法响应到另一个组件

javascript、reactjs、react-hooks

我有一个具有以下结构的页面 return ( <ToolbarSelectionBox> </Box> )我有一个在组件<FileDropA

浏览 0提问于2021-01-20得票数 2

回答已采纳

1回答

如何在函数或事件内部设置function钩子中的数据？

javascript、reactjs、next.js

我正在努力学习创建钩子，这样我就可以重用我必须在不同组件中更改的数据。import { ProductsContext } from '.</Tabs> <&#x

浏览 1提问于2019-09-09得票数 2

2回答

如何避免useEffect中的无限循环？

reactjs

我需要你的帮助。我正在创建一个带有useContext和useReducer钩子的应用程序，但我有问题。我有一个从我的数据库中获取所有笔记的函数。我在useEffect钩子中调用了这个函数： import React, { useContext, useEffect } from "react&quo

浏览 16提问于2020-06-25得票数 0

1回答

反应本机useContext钩子问题

javascript、reactjs、react-native、react-hooks、aws-amplify

我想封装用于发送推送通知的函数的逻辑，以便可以从应用程序的任何位置调用它。push notifications要求在头中传递一个jwtToken。我想在useContext上调用AuthContextProvider来提取令牌，但是钩子规则不允许我的函数调用useContext，因为它不是一个React函数组件

浏览 8提问于2022-10-12得票数 3

回答已采纳

1回答

为什么我不能把它转换成自定义的反应钩呢？

javascript、reactjs、ecmascript-6、react-hooks

我在我的React应用程序中有一个很薄的“服务层”，我用它来推动尽可能多的业务逻辑，并保持我的组件干净。为此，我总是使用简单的函数--传入params并执行所有步骤(读/写数据、格式化等)。然而，现在我已经变得更加熟悉的w/钩子，我想知道是否有可能把这些函数看作钩子，以使我的生活更容易。例如，我希望能够在需要的时候从这个服务

浏览 2提问于2021-12-20得票数 2

回答已采纳

1回答

在来自React.useContext (或其他任何地方)的值上断言非空值时的最佳实践

reactjs、typescript、react-hooks

在我的React应用程序中，我使用的是非空断言(!)告诉TS，来自useContext钩子的值不是null。它工作得很好，似乎是非空断言的教科书用例，但是对于推荐的eslint规则，非空断言是一个警告。const { state } = R

浏览 2提问于2021-06-01得票数 7

回答已采纳

2回答

在呈现另一个组件的功能组件中调用useContext时，防止无效的钩子调用？

reactjs、use-context、react-dom-server

下面是示例代码：import { Context } from '.钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：你可能违反了Hooks的规则，您可能在同一个应用程序中有多个app

浏览 7提问于2022-08-04得票数 0

回答已采纳

1回答

我在heroku上托管了一个JWT auth API。当从我的前端React应用程序中使用axios访问API时，我注意到受保护的路由永远不会被获取，因为它们依赖于从未设置过的res.cookies。我该如何克服这个问题？前端访问这个API时:这是我的useAuth钩子。import { useState, useContext } from "react"; import { useHistor

浏览 1提问于2021-05-01得票数 0

2回答

从不同导出函数中响应helper api文件中的本机使用上下文

reactjs、react-native、react-hooks

我有一个带有导出函数的助手文件。我有一个带有一些共享数据的ContextProvider。现在，我需要从助手函数内部更改上下文中的数据。但是，如果我在函数体内调用useContext语句，如果在外部调用它，也会出现错误。如果我在助手文件中创建一个默认函数MyHelper()，我可以调用useContext内部

浏览 3提问于2021-03-19得票数 1

回答已采纳

4回答

React抛出无效的钩子调用错误

javascript、reactjs、react-hooks

我试图使用useContext将一个值从上下文提供程序传递给使用者，并访问呈现函数之外的值。我的提供者看起来是这样的： export class App extends React.Componentimport React, { useContext } from 'react'

浏览 5提问于2019-04-29得票数 9

回答已采纳

2回答

无效钩子调用反应

reactjs、react-native、react-hooks

构建您自己的钩子可以将组件逻辑提取到可重用的函数中。这就是我想要做的:将我的组件逻辑提取到其他组件的可重用函数中。} /> );我的可<

浏览 10提问于2020-08-01得票数 2

回答已采纳

点击加载更多