react-hooks 相关问题

为什么 ReactJS 没有将数组的更改反映到我的 UI？

从“react”导入 React, { useState }; 导出默认函数 Recommend() { const [animeName, setAnimeName] = useState(""); const [anilistURL, setanilistURL] = useState(...

单击另一个声音（按钮）时禁用声音

我刚刚开始学习React.js，我正在尝试解决问题。我正在创建一个简单的冥想应用程序，其中每个按钮都有一个与之链接的声音。我创建了 4 个按钮（每个声音

渲染组件中的项目而不是整个组件

正在从websocket获取数据以进行实时更新正在更新传单地图的内部弹出窗口，useEffect开始重新渲染以获取新数据，以便弹出窗口消失，我需要再次单击标记...

UseState React hook：更新状态不一致

我正在尝试构建一个购物车。大约一个小时前，我创建了另一篇帖子，其中包含我遇到的类似问题，该问题已解决，我能够正确实施该问题。 在

UseState React hook 正在更改变量，但不重新渲染

我正在创建一个购物车。购物车本身（购物车中所有商品的列表）是一个组件，每个购物车商品都是一个组件。在每个购物车项目中，都有一个下拉列表可以更改

React JS 如何使用自定义reactHooks正确设置Cookie？

我正在创建网站的登录功能，但在使用后端的令牌设置 Cookie 时遇到问题。令牌已正确返回，并且正在

在React Flow中如何使连接节点的路径线像draw.io图一样可移动

在React流程图中，如何使连接节点的路径线可移动和可选择，就像draw.io图一样，我们可以更改路径线的位置，并且它们是可选择和可移动的...

useEffect 用于弹出模式

我目前正在尝试合并一个弹出模态函数，我已经设法做到并且可以工作，但是，我现在尝试在 useEffect 挂钩内创建相同的函数，这样它就不会重新

跨多个屏幕管理列表状态

我正在 React Native 中制作一个移动应用程序原型，它应该能够通过以下方式使用列表： 例如，在登陆页面上，您可以看到包含全套项目的完整列表概述，在...

React hooks 常量的 useMemo 与 useState

使用 React hook 定义计算（初始化）常量可以通过两种功能相同的方式执行。我不想讨论这个的用例，但我只想说一下

新的 React 18 初始化和 ApolloProvider 组件的问题

我的React 18 + Apollo Client演示项目中有以下index.js： 索引.js： 从'react-dom/client'导入{createRoot}； 从 '@apo...

如果我在延迟后执行清理活动会影响我的工作吗？

受这篇文章的启发，如果我们在延迟后在清理中删除事件侦听器，事件处理程序的先前引用是否仍然会附加到浏览器？ 这是代码： 导入反应...

React 视频在功能组件中每次重新渲染时都会重新启动，并带有附加返回值

这个有点难倒了我，但我有一个 html 标签的包装器，它处理对视频元素的引用并提供一些功能（播放/暂停、向前/向后跳等）。 我想要

为什么 useEffect 清除函数在关闭组件之前以严格模式运行？

我必须制作一个可编辑和可添加的表单。因此，初始值将用于使用初始值添加和更新表单。我需要知道将添加哪个值以及将添加哪个值

在useEffect中，调用更新时所有变量都会更新吗？

如果我有这样的 useEffect 例如： 使用效果(()=>{ doSomething(varOne, varTwo) }, [varOne]); 我希望它仅在 varOne 更改时重新运行，但当它更改时，我希望它具有

反应页面离开操作

我有一个nextjs应用程序。有一个页面包含文档列表。如果有人上传文档，列表中就会添加一项。任务是，如果有人移出页面并且列表...

DOMException：信号在异步调用的 useEffect 中无故中止

我有一个在严格模式下与 GraphQL 一起使用 React 的项目。 我更新了一些包，现在在包含异步调用的 useEffect 中收到以下错误。 使用效果（（）=> { 常量加载T...

useEffect 的依赖数组中到底应该包含什么？

确定 useEffect 的依赖数组中包含哪些状态的推荐方法是什么？ 我想我应该只传递我想要监视变化的状态并触发 useEffect

React Native：调用导出函数来更改其他组件中的 useState 变量

如果我想从 A.tsx 文件调用导出函数（incomingNotification）到另一个 B.tsx（在组件调用之外）。在组件A中，当用户调用函数incomingNotification时，会出现一个

在 nextjs 应用程序中使用 trpc 查询调用的正确模式是什么？

我正在学习来自纯前端react的nextjs。 并尝试了解如何使用 trpc 调用后端来实现。 这是我习惯做的事情，但这不是正确的方法...