react-hooks 相关问题

使用 useState 更新对象并不是更新

我有一个 React 上下文，它将在一个对象中为我保存大量文件名列表。每个文件名数组都将与给定的 camId 关联。 因此，当水合时，filenamesObj 应该...

创建一个辅助函数来调用react-querymutation

我正在使用 graphql-codegen 和 React-query 来生成这样的突变。 const [createLogMutation, {}] = useCreateLogMutation({ 变量：{ 数据： { 日志类型， 信息， t...

计时器用完时显示消息

我希望倒计时完成时显示一条消息。 我正在尝试使用从 App.jsx 传递给 Timer.jsx 组件的 onComplete 函数来做到这一点。 该函数执行...

如何在本地仅渲染聊天的最后一条消息，并在 React Native 中使用动画？

我有一个聊天应用程序，当用户第一次使用 useEffect() 运行打开聊天窗口时，它会从 Firestore 获取所有消息，但是当用户发送新消息时，它必须添加...

如何使用自定义钩子在 React Native 中显示加载器

我尝试创建一个自定义挂钩来在本机反应中显示加载程序。但加载器组件中的状态没有得到更新。 这就是我尝试实现自定义挂钩的方法。但是

当函数添加到事件监听器时，状态变量给出旧值

在下面给出的react.js代码中，我在页面加载时获取一些数据。我使用 arePostsLoading 状态变量来跟踪数据是否已加载。我还添加了一个函数handleScroll w...

Nextjs 路由器导致 useEffect 重新渲染

我遇到了 Next.js 的下一个/导航路由器的问题。我的组件中有一组 useEffects，由于某种原因，调用 router.replace 会导致其中一个效果每秒运行一秒钟...

React：渲染产品列表组件时出现空白页面问题

我是新来的反应 我正在尝试使用图像在用户界面中显示产品列表。 但是当我包含以下组件时 它显示空白页。 你能让我知道如何解决它吗？

React useEffect无限循环原因

有人可以解释一下为什么我的代码 useEffect() 陷入无限循环吗？我正在练习 React 并实现了一个用户个人资料页面。上传图片时触发无限循环...

当我尝试更改 React js 中的功能组件中的类组件时遇到问题

app.js 文件代码我想转换它： 从“./components/Toolbar”导入工具栏； // 从“./components/Iqac/iqac”导入 Iqac； 从“反应”导入反应； 导入“...

这种比较似乎是无意的，因为类型 'PlaybackState | { 状态：未定义； }' 和 'State' 没有重叠

从 'react' 导入 React, { useState } 从 'react-native' 导入 { View, StyleSheet, Pressable} 从 'react-native-track-player' 导入 TrackPlayer, { State , usePlaybackState }; 从 '

无效的 Hook 调用。钩子只能在函数组件的主体内部调用。为什么会抛出这个错误？

这是我的js，单击“注册”按钮时运行。我在这里提供 Dispatch 和 Navigate 挂钩。但我认为问题只出现在这堂课上 从“axios”导入 axios； 导入 {

Typescript 警告、详尽的依赖项、useEffect 依赖项列表

我最近也遇到这个问题，但一直没兴趣去深究。列出 useEffect 依赖项时，Typescript 会发出警告，非常贴心，它理解我应该做什么...

React.js - 等待更新状态

我有一个父组件（Parent）。该组件（钩子）有一个名为 refs 的状态变量。这个变量是一个对象，它保存了父组件和所有子组件中使用的所有引用，例如t...

在页面之间快速导航时，Next.js 页面呈现错误数据的问题

我在应用程序的 Next Js 页面上呈现数据时遇到了一个特殊问题。这是场景， 我有一个 Next Js 页面，根据查询参数 c...

useEffect 中抛出错误未显示在屏幕上[关闭]

我有这个应用程序，您可以从 API 中获取电影，但如果您输入的电影不可用，它应该将错误视为数据。在这种情况下，响应为 false，因此如果它为 true，则错误

来自 api 的数据未反映何时将数据传递给 setState

我向 api 发出了请求，当我控制台记录数据时，它显示了 data ，但 setItemsList(data) 设置为空。 在组件中，未收到 itemsList 值。 我搜索了...

如何在父级卸载后保持 iframe 挂载在 React 中

我有一个 React 应用程序，其中包含包含 iframe 的组件。我的组件确实根据状态进行安装和卸载（例如 {(showApp === true) && }）。每次我的

在 React 中记忆组件

我有一个 React 应用程序，其中包含包含 iframe 的组件。我的组件确实根据状态进行安装和卸载（例如 {(showApp === true) && }）。每次我的

当用户到达底部或顶部时，如何隐藏和显示 FlatList 顶部的浮动按钮？

我有一个扁平列表组件，它呈现一些数据，底部有一个浮动操作按钮，可以执行一些操作。该按钮使用绝对位置，并且始终位于机器人中心...