堆栈内存溢出
cost 425 ms
使用 useRef 钩子进行滚动检测导致重新渲染

[英]Using useRef hook for scroll detection causing re-rendering

我在布局组件中使用 useRef 挂钩来检测其子项（pageContent）的滚动值。 然后我有条件地显示一个按钮以滚动回顶部。 功能正常工作，但是当我在 pageComponent 子项 ( <route.component/> ) 中 console.log 时，它告诉我每次按钮显示 ...

onClick 反应错误未捕获错误：重新渲染太多。 React 限制渲染次数以防止无限循环

[英]onClick react error Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

**我在尝试更改父组件 styles onMouseEnter 事件时遇到错误。 如何通过子组件按钮更改 styles？ 错误是 - 未捕获错误：重新渲染太多。 React 限制渲染次数以防止无限循环。 onMouseLeave={() => setHovered(false)} 是一个 ...

我如何更新 json 数组中的特定值，这取决于其他 json 中的值，同时允许它能够编辑

[英]How could I update my a specific value in a array of json, which depends on values in other json while allowing it to be able to edit

不太确定如何以干净的方式表达它，我尝试通过案例对其进行总结以说明问题。 首先，默认情况下，我的产品列表中有一个默认产品，有效期为：2030 情况 1： 当我添加新产品时，默认产品到期日期将与新添加的产品保持一致 情况 2： 当有新添加的最大有效期的产品时，默认产品应该更新并跟随它。（从2020年到2 ...

如何在我的 React 组件中渲染 html 文件

[英]How can I render html file inside my react component

我知道我们对这个问题有类似的疑问，但这里似乎没有任何作用。 我想渲染这个位于我的 React 项目根目录的页面。 appmixerStudio.html 这是我试图渲染它的地方： 在此之前，我将 html 转换为如下字符串： 当我右键单击页面时，标签似乎在那里 我正在使用 Vite 和 React ...

语法错误：将 CrafterCMS 与 typescript 一起使用时出现意外的令牌“导出”

[英]SyntaxError: Unexpected token 'export' when using CrafterCMS with typescript

我正在尝试使用 typescript 创建一个 crafterCMS 项目。我安装了最新的软件包： 但是当我运行这个项目时，我得到了这个错误： 通过检查日志，它来自属于 node_modules 中的@craftercms/experience-builder 的文件： 如果我不使用 type ...

使用单个减速器设置 Redux 中的所有状态是一种好习惯吗

[英]Is it a good practice to use a single reducer to set all states in Redux

我对 Redux 比较陌生，仍然掌握这个库的概念。 我试图了解使用单个减速器设置 state 是好事还是坏事？ 这就是我的意思。 在大多数示例和教程中，我看到的slice.js文件具有多个按以下方式设置的 reducer： 切片.js ：import { createSlice } from '@r ...

NextJS/Firebase - 实施 firebase 分析抛出错误：缺少应用程序配置值

[英]NextJS/Firebase - implementing firebase analytics throw error: Missing App configuration value

我正在使用带有默认页面目录的 Next JS 13，并且我为我的项目使用数据库。 一切正常，直到我开始实施 firebase 分析。 首先它抛出 window 是不守卫的。 我通过检查 window 解决了它。之后它起作用了，所以我想在我的 index.js 页面中测试 logEvent() fun ...

如何使用 css 媒体查询移动 div？

[英]How to move divs using css media queries?

我在桌面屏幕上有一个页脚，看起来像这样： 但是在平板电脑上（宽度 <= 960px）我需要使用媒体查询创建这样的东西： 问题是，我不明白如何在不使用空 div 的情况下正确放置 div 这是我的桌面代码 jsx: 和 css： 尝试使用 但是 div 4 和 5 被移动到页面中间。 ...

无法将多个减速器与 combineReducers 一起使用，在 state 上收到未知属性警告

[英]Can't use multiple reducers with combineReducers, getting an unknown property warning on state

我的商店设置如下： 登录缩减器/切片如下所示： 计数器减速器/切片如下所示： 现在的问题是我无法通过这种方式访问这两个减速器的值，这应该是正确的方式（也根据 Redux Devtools）： 做这样的事情： ...返回undefined ，但尝试执行state.counter.counterVal ...

NextJS 和 useRouter 语言环境 Typescript 错误 - 类型 'undefined' 不能用作索引类型

[英]NextJS and useRouter locale Typescript error - Type 'undefined' cannot be used as an index type

我收到以下 typescript 错误，我不明白为什么 - 我在其他问题中看到的解决方案不起作用，所以我显然不明白这里发生了什么类型“undefined”不能用作索引类型。 我正在使用来自useRouter next/router的区域设置设置语言字符串，它将根据 URL 返回一个字符串，默认情况下 ...

将 react-grid-layout 与 Blazor WebAssembly 集成时找不到“renderReactGridLayout”

[英]Could not find 'renderReactGridLayout' when integrating react-grid-layout with Blazor WebAssembly

我在尝试将“react-grid-layout”集成到我的 Blazor WebAssembly 应用程序时遇到问题。 我使用以下代码创建了一个名为wwwroot/react-grid-layout.js的 JavaScript 文件： 我在index.html中引用了这个文件，如下所示： 此外， ...

当用户在浏览器中手动更改 url 时阻止路由 - ReactJS

[英]Prevent routing while user manually changes url in the browser - ReactJS

当用户在浏览器中手动更改 url 时，我想阻止路由。 我将"/main"作为我正在保护的管理路由，但是当用户更改其在本地存储中的角色并尝试访问“/main”时，问题就开始了。 我想阻止用户手动更改其 url 中的路线，或者如果他们手动更改则显示错误。 编辑：我在后端保护我的路线，但在前端我什至没有 ...

明明有文件却无法导入

[英]Unable to import despite clearly having the file

我一直被这个错误困住，即使在谷歌搜索后也无法修复。 它说“找不到模块：错误：无法解析”.. 根据对谷歌的研究，当导入语句无法在声明的路径中找到文件时，似乎会发生这种情况。 但是在我的src/components文件夹中显然有一个名为“Button.js”的文件。 我不确定哪里出了问题。 非常感谢您的 ...

在 Index.tsx React 中使用上下文 object

[英]Using Context object in Index.tsx React

我正在尝试在我的 Index.tsx 文件中使用上下文 object （基于这个答案https://stackoverflow.com/a/75304220/954093 ） 在我的上下文提供者 Confcontext.tsx 下面 根据建议，我可以在 app.tsx 中访问它但是我需要像这样在 ...

ReactJS = 数组映射未显示

[英]ReactJS = array mapping not showing

我想问一下数组映射。 所以，我在 api 中有数据，在控制台中看起来像这样。 // 获取的代码是这样的 // 以及使用时显示数据的代码.map 但是，当我在浏览器中查看时，它并没有出现。 我的问题是，如果控制台中的数据看起来像第一张图片，如何显示数据类别？ 谢谢 ...

2023-02-01 09:50:25   3   22    reactjs  
解析时：react-spinners@0.9.0（旧的 React 项目）

[英]While resolving: react-spinners@0.9.0 (old React project)

我有一个 React 应用程序，我已经有一段时间没有使用它了。 克隆后我运行npm i并得到以下错误： 我想知道是否有办法解决这个问题，最好的做法是轻松更新我的依赖项。 ...

2023-02-01 09:46:19   2   13    reactjs / npm  

排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM