我正在为 React 组件Order编写测试，它呈现用户的订单并允许用户通过单击“查看项目”按钮查看订单上的项目，这会触发 API 调用。 以下是我为Order编写的测试。 我在 API 调用上编写测试时遇到了一些问题。import { render, fireEvent, screen } fro ...
有人知道如何让 React 停止隐藏/超越控制台错误吗？ 如果你看到这里，错误报告来自这个“react-dom.development.js”文件。 这是完全没用的。 我想知道错误真正发生在我的实际代码中的什么位置。 我已经将 webpack 的环境设置设置为“开发”。 但它似乎并没有改变任何东 ...
我有一个 npm monorepo，其中包含 web 个应用程序 (React 18)、移动应用程序 (React-Native 0.71/React 18) 和共享库。 我还使用 npm 覆盖来修复 React 版本，这没有改变。 一些更新后，当我运行 Jest 测试时，我的一个项目中出现以下错 ...
我开始从零开始学习 React，在本地没有正确设置所有依赖项，我做的第一件事是在我的 html 文件中使用 CDN，但现在我想知道如何设置我的机器以导入 React 和 ReactDOM 以及还有我如何将 CSS 链接到文件。 当我尝试运行 .js 文件时，我得到了这个： 当我使用 CDN 链接时* ...
我试图创建一个简单的应用程序，允许用户创建或编辑现有的“项目”。 我遇到了错误： react.development.js:1476 未捕获错误：无效的挂钩调用。 钩子只能在 function 组件的内部调用。 // 在路由 (http://localhost:3000/static/js/b ...
在这里反应新手。 有一个 ItemsList 组件，它基本上是一个显示一些信息的表格。 当表中的行悬停时（与 Gmail 相同），我设法显示两个图标（编辑和删除）。 然后我想渲染一个 DeleteModal 组件，当删除图标被点击时，它基本上是一个删除确认。 hover 上的表格和图标 CSS ...
我正在 typescript 中使用 React 18。但是，除了 React 和 React-dom 之外，我还在 package.json 中看到了 types/react 和 types/react-dom 库。 这些图书馆的目的是什么？ ...
完成我的第一个全栈 MERN 应用程序，它允许用户向数组添加多个位置。 试图通过数组 map 来显示用户的位置数。 代码工作正常，直到我使用.length ，然后它崩溃了。 完整的错误堆栈： 我在整个后端和前端文件中对.length进行了关键字搜索，以仔细检查代码并确保我在任何地方都没有错别字—— ...
我正在做一个基于 Firebase OTP 身份验证的反应项目。 我把 OTP 部分弄对了，但问题出在 OTP 验证部分，因为它是在另一个页面中完成的。 但是当我在另一页上运行验证码时，我得到一个错误，因为无法读取未定义的属性（读取“确认”） 。 OTP_SEND.JS OTP验证.JS ...
在这里有点十字路口，我看不出为什么。 我有一个登录/注册页面，我正在使用ref.current?.scrollIntoView({ behavior: 'smooth' }); 它工作得很好，但是当我将相同的原理应用于不同的页面时，它会导致页面重新加载并添加一个“？” 到 url 的末尾。尽管我已 ...
我搜索了堆栈溢出但无济于事。 似乎每次我尝试打开实时服务器时，我的页面都会变得空白，当我检查它时，显示的错误是“Uncaught ReferenceError: require is not defined”，下面还有一堆其他的东西。 我正在学习 React，我似乎无法从这里继续，同时在我的讲师页面 ...
我有一个条件渲染，我在其中渲染一个具有状态的Child组件。 情况是，每次我从Father组件渲染Child组件时，都会安装Child组件并重置其状态。 我不想重置里面的状态，我该怎么做？ const Father = () => { const [fatherState, setFathe ...
在Father组件中，我渲染Child组件，它是一个内部有状态的表单。 当我渲染Father时，我不想挂载Child组件并重置它的状态。 有可能的？ 我尝试使用useMemo挂钩渲染Child组件，但每次挂钩返回时它都会挂载该组件。 const Father = () => { const ...
我有一个返回整个 HTML 块的 API。 在旧项目（JS、jQuery...不是 React）中，我在获得此 HTML 后声明了一堆 jQuery 事件，因此所有点击都正常。 API 返回一些类和 id，如下所示： 和简单的事件： 显然它不是那么简单，它用不同的 DOM 事件填充整个页面。 将它 ...
我在尝试 Next 13 beta 版本时遇到了一个奇怪的问题。 我想做的是，在服务器端获取数据并将它们显示在页面上。 但是，“获取”操作在服务器端失败。 下面是 Next.js 页面的代码。 它位于“app”目录下，如“app/pageName/page.js” 单击以查看错误消息。 (UND ...
所以我正在尝试制作一个程序，我可以通过单击在反应 js 中制作或创建新元素我尝试了一些东西但它给了我一些错误 这是我尝试在 box 元素中添加一个新的 HEADING 元素但它给了我一些错误我是新来的，所以对于一些菜鸟的错误我很抱歉 ...
我正在学习 React 并尝试显示当前日期。 但是我收到了这个错误。 我创建了一个日期 object 并将其存储在一个变量中，然后将其显示在 h2 标签上。 这是我的代码： 我把这个当作错误。 ...
我创建了一个 web 应用程序，我一直在学习反应，就像我 go 一样。我使用 create react app 命令创建了一个反应应用程序，并且我一直在使用这些版本的反应、反应-dom 和反应-路由器-dom。"react": "17.0.2", "react-dom": "17.0.2", "r ...
我正在尝试制作一个网站，让用户输入一些反应代码，然后将其呈现在页面的另一侧，以便他们可以看到它的外观。 我的问题是，我将用户的源代码作为字符串（可能返回 function 或 class 组件），但我不知道如何将其转换为可以呈现的实际反应组件。 首先，我尝试使用new Function()构造函数 ...
当我按下发送按钮时，我想打印从信息页面上的表单中获得的信息。 但是，当信息被取为默认值时，它不会出现在信息页面。 表格中的信息需要打印在信息页面上我的 App.js 我的表单.js 我的信息.js ...