react-hooks 相关问题

状态未立即用socket.io保存

正如您在下面的问题中看到的，我收到一条包含操作停止的消息。我在那里更新了 3 个状态变量。我的问题是 setTotalScore 。一开始totalScore是0，当我重新...

React useEffect 在登录重定向时未触发

说明： 我有一个网站，用户可以登录并在成功登录后重定向到主页。在主页上，导航栏中有一个个人资料组件，允许用户查看...

在 React 中直接编辑数组中的对象可以工作，但使用钩子则不行

从“react”导入{useState}； 类型规则 = { 值：字符串； 有效：布尔值； }; 类型 RuleComponentProps = { 规则: 规则; setValue: (值: 字符串) => void; 设置有效：（有效：

Typahead 搜索 - 为什么我的 React State 落后了一步？

我正在构建一个打字头搜索，它侦听输入的状态并呈现包含输入的搜索结果列表。但我的函数 checkTypaheadMatches 设置了

有没有办法延迟父组件的渲染，直到其所有子组件完全准备好渲染为止？

我试图延迟父组件的渲染，直到其所有子组件完全准备好渲染。基本上我想要做的是在父组件上显示加载指示器，而

在useEffect中使用订阅是否正确？

我目前正在开发一个 React 项目，我正在使用 useEffect 钩子来处理一些副作用。我遇到过一个场景，我需要订阅一些数据更改，我想知道我...

导航到主页并在单击其他页面的菜单项时滚动到部分 id

我有一个单页登陆主页，其中包含带有 id 的组件和跨所有页面的通用菜单。当我打开/我使用react-scroll向下滚动到特定部分时。但当我点击...

类型错误：无法读取 null 的属性（读取“uid”）

我需要运行该挂钩来获取具有 currentUser.uid 名称的文档，但它失败了。该钩子在我获取 currentUser 之前启动，所以基本上它在 currentUser 为空时启动。我也不能

检测多个组件外部的点击

我正在尝试检测一组组件之外的点击。我在 Artboard 组件内有多个名为 Block 的组件。在每个 Block 组件中，这就是我现在所拥有的： 常量

在非反应组件中使用 useState - 没有错误

我不确定为什么这段代码有效。有人可以解释一下吗？ 文件名： 测试.tsx 从“反应”导入{useState}； 导出 const getComponents = () => { const 你好 = [].map(() => {

Typescript 页面路由在单击时不会呈现子页面（React Router v6）

我仍在学习 Typescript，所以如果这看起来很简单，请道歉。 我的登陆页面上有一个应用程序 (App.tsx)。输入您的电子邮件并单击“让我们开始吧”后

渲染 React 组件后如何滚动到视图中？

我正在尝试将视图滚动到特定组件。我正在使用 refs 来跟踪组件，并且尝试调用scrollIntoView 函数来移动到特定的引用。我的问题是

如何在react中动态获取div的位置？

我一直在尝试创建一种与此类似的效果： 每当一个 div 悬停时，一个更大的 div 会覆盖它，显示有关该卡的更多详细信息。 这是jsx代码（所有类都是Tailwind css cl...

发生 focusOut 事件时如何停用某个功能？

目标 我想要两个搜索栏，每个搜索栏都可以： 键入时显示建议 使用箭头键选择项目 每个项目都可以定制 因为最后一颗子弹我不想用<

如何在Next Js中从URL获取语言环境值

在Next Js应用程序中，我使用next-i18next模块来支持多语言。它运行良好。 NabBar组件代码： const 导航栏 = ({...props}) => { 常量路由器 = useRouter() c...

Next.js 13 中启用 appDir 的浅层路由器推送

在 < Next 13 (or with appDir disabled), you could do: const MyComponent = () => { const 路由器 = useRouter(); 常量切换静态 = () => { if (router.query.static) { 路由器。

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

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

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

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

计时器用完时显示消息

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

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

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