react-hooks 相关问题

Hooks是一项新功能，允许开发人员在不编写类的情况下使用状态和其他React功能。

如何像 React 18 一样让 useEffect 只运行一次？

我需要在useEffect中获取base64编码的图像，然后在页面中创建一个图像标签，我的（简化的）代码如下：常量应用=> { const [图像，SetImage] = useState(''...

reactjs react-hooks

回答 1 投票 0

NextJS 中使用本地存储的最佳方式

如果用户无权访问，我正在尝试使菜单无法访问。用户登录后，它将从 API 返回 ACL，然后我将其存储在 locastorage 中，从那里我只显示...

reactjs next.js react-hooks local-storage

回答 1 投票 0

React Hooks：在钩子组件的子组件之间传递状态的最佳实践

我想访问设置为子组件状态的对象，并将其传递给其兄弟组件： Child 1（TextDetection）是一个react-dropzone组件，它接收图像文件，这是...

javascript reactjs react-hooks

回答 2 投票 0

React Js Firebase 错误显示 createUser 不是函数（使用 Context）

我对 React JS 和 Firebase 非常陌生。我尝试 https://medium.com/ 主题 “在 React 应用程序中构建 Firebase 身份验证和私有路由系统” 修改代码和tria后...

reactjs firebase react-hooks firebase-authentication react-context

回答 1 投票 0

React 使用状态运行两次

我尝试在 Discord 活动加载时运行一次设置功能（https://discord.com/developers/docs/activities/how-activities-work）。我的代码以某种方式运行该函数两次并创建一个...

reactjs react-hooks discord

回答 1 投票 0

useReducer 类型定义不起作用打字稿

我正在尝试在 TypeScript 中实现 useReducer 钩子，如下所示：导出接口ScannerState { 显示动作：布尔值；数据？：QRData； } 导出函数 mergeObjReducer 我正在尝试在 TypeScript 中实现 useReducer 钩子，如下所示： export interface ScannerState { showAction: boolean; data?: QRData; } export function mergeObjReducer<S extends object>(state: S, changes: Partial<S>): S { return { ...state, ...changes }; } const [scannerState, setScannerState] = useReducer( mergeObjReducer, { data: undefined, showAction: false }, ); // here typescript doesn't provide me with suggestions of the keys of the object. setScannerState({data: "some data value"}); //expecting the above line to suggest me keys of data or showAction currently ts doesnt provide me with any suggestions. //and if i try to access a property of the useReducer state like so: const test = scannerState.showAction; //i get the following error: Property 'showAction' does not exist on type 'object'. 如何修复类型定义，以便 TypeScript 理解 useReducer 期望的值的所有键是什么？对于将来查看此内容的人，我刚刚修复了它.... 在定义 useReducer 钩子时，我只需向我的 mergeObjReducer 提供泛型类型，如下所示： mergeObjReducer<ScannerState> 我完全错过了太久了......

reactjs typescript react-hooks

回答 1 投票 0

如何仅运行一次useEffect？

每当我问人们如何运行 useEffect 时，他们都会回答说在函数后面添加一个空数组来运行一次。就像下面这样：使用效果（（）=> { console.log("嗨...

reactjs performance react-hooks frontend

回答 1 投票 0

使用反应钩子中的一组图像在图像网格和图像滑块之间切换

我正在使用 Nextjs、React 构建一个项目，并使用 Sanity 作为 CMS。主要组件之一是图像库，当您单击图像时，您将打开一个图像滑块...

arrays reactjs react-hooks next.js

回答 3 投票 0

在Next JS中使用GoogleMap

有人在 NEXT JS 组件中使用 useGoogleMap() 吗？它给出了未处理的运行时错误不变违规：useGoogleMap需要树中可用的GoogleMap错误。我只是需要参考...