React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。
使用 webpack5 模块联合在 Vue 中 React 应用程序
我创建了简单的 React App HelloComponent 并尝试插入到 Vue 应用程序中，但我没有成功 // 反应 webpack 配置 const { ModuleFederationPlugin } = require('webpack').container; 反对...
两次加载谷歌地图时出错，“不得使用不同的选项再次调用加载器。”
我的地图使用@googlemaps/react-wrapper，其中一个使用热图库，另一个则没有，尽管它们位于不同的页面上，但当用户导航下注时它仍然会崩溃...
React 组件中出现模块未找到错误问题 (AWS Amplify/Graphql)
所有“npm install amplify”之前都进展顺利。 我在 AWS 中使用 Amplify 创建了一个 WebApp。 然后我尝试连接 Amplify studio 中的数据建模来为其创建一个数据库。 截屏 错误消息：
我正在开发一个需要身份验证的项目，并且我在使用 redux 存储注册后存储用户信息。我已经对标头组件进行了测试（如果有用户则注销...
我正在开发一个需要身份验证的项目，并且我在使用 redux 存储注册后存储用户信息。我已经对标头组件进行了测试（如果有用户则注销将...
我在后端使用node+express，并在前端做出反应。在节点中，我向客户端发送 400 错误响应： return res.status(400).send("用户名无效！") 在 React 中，我称之为 api
第一次尝试在生产中运行reactJS项目。我可能只是错过了一些愚蠢的事情。 在我的服务器上， npm start 运行得很好。现在我想在生产模式下运行它，所以我这样做了： npm 在...
访问 React 应用程序文件夹中的图标/图像文件时出现问题
我的代码的图像 我正在尝试访问并呈现文件夹中的图像或图标，但它仅在页面上呈现问号。 在之前的项目中，我使用了完全相同的文件夹路径......
为什么我在使用 useRouter 时遇到 404 页面未找到？
用户提交表单后，我想将他们重定向到感谢页面。然而，当后端逻辑被处理时，它会将我重定向到 404 页面。我检查了 URL 路径，一切似乎......
React Material-ui InputLabel 组件无法相应工作
我希望标签能够正确显示，并根据其值（即标准（角色、员工数量等）设置宽度），并且不想给它固定的宽度。 但标签不完整
我需要将项目传递给。我不希望它是任何类型，我怎样才能为项目放置一个类型？它的正确类型是什么？ 项目详细信息.tsx 出口德法...
我在 React 应用程序中遇到主题切换问题。该应用程序支持两个主题，我将其称为主题一和主题二。我正在使用延迟加载来动态加载...
如何仅通过传递路径来在 TypeScript 和 React 中的组件中使用图像？
我目前面临着仅通过传递路径将图像加载到我的卡片组件中的问题： 我的卡片组件如下所示： 接口 CardProps { 图像链接：字符串； 替代：字符串...
我是反应 tanstack 查询的新手，我正在构建一个待办事项列表应用程序来强化我正在学习的概念。待办事项来自 DummyJson API - https://dummyjson.com/docs/todos。响应...
我试图包含一个基本的 .html 文件来对我的项目进行一些测试，问题是当我包含它并调用必须在页面中心显示它的视图时，我看到的是...
如何修复重复的类 com.google.firebase.Timestamp
FAILURE：构建失败并出现异常。 什么地方出了错： 任务“:app:checkReleaseDuplicateClasses”执行失败。 在 jetified-fir 模块中发现重复的类 com.google.firebase.Timestamp...
Godaddy 上的 Next.js？如果没有，有什么更便宜的替代品吗？
我目前正在为我叔叔开一家电子商务商店，以便他可以通过他的网站在线销售他的运动服商品， 当我告诉他我是一名网络开发人员时，他请求我帮忙，我说我...
我正在使用 vite React 和 SUPABASE 开发一个项目。我可以选择登录并注册工作，但是，我无法弄清楚如何在用户注册时创建会话。 我没用过
具有以下 HTML 输出： 菜单1 菜单2（家长） 儿童1 孩子2<... 具有以下 HTML 输出： <ul> <li>Menu 1</li> <li>Menu 2(Parent) <ul> <li>Child 1</li> <li>Child 2</li> <li>Child 3 (Parent 2) <ul> <li>Child 4</li> <li>Child 5</li> </ul> </li> </ul> </li> </ul> 我需要测试元素是否存在并且正确嵌套。我可以编写一个测试如下： it('should render nested elements', () => { <MyComponent /> expect(screen.getByText('Menu 1').toBeInDocument()) expect(screen.getByText('Menu 2(Parent)').toBeInDocument()) expect(screen.getByText('Child 3 (Parent 2)').toBeInDocument()) expect(screen.getByText('Child 5').toBeInDocument()) } 这会告诉我它确实存在于 DOM 中，但是这个测试也将通过以下 HTML，但我不希望这样： <ul> <li>Menu 1</li> <li>Menu 2(Parent)</li> <li>Child 1</li> <li>Child 2</li> <li>Child 3 (Parent 2)</li> <li>Child 4</li> <li>Child 5</li> </ul> 如何测试元素是否存在并且是否正确嵌套？ 结合这些方法。 getByText（获取带有该文本的元素） toBeInTheDocument（检查该元素是否在文档中） toBe（方程） toContainElement（检查是否包含孩子） 可以全面测试DOM结构。 import { render, screen } from '@testing-library/react'; it('should render nested elements correctly', () => { render(<MyComponent />); const menu1 = screen.getByText('Menu 1'); expect(menu1).toBeInTheDocument(); expect(menu1.parentElement.tagName).toBe('UL'); const menu2 = screen.getByText('Menu 2(Parent)'); expect(menu2).toBeInTheDocument(); expect(menu2.parentElement.tagName).toBe('LI'); expect(menu2.nextElementSibling.tagName).toBe('UL'); const child1 = screen.getByText('Child 1'); expect(child1).toBeInTheDocument(); expect(child1.parentElement.parentElement).toContainElement(menu2); const child3 = screen.getByText('Child 3 (Parent 2)'); expect(child3).toBeInTheDocument(); expect(child3.parentElement.tagName).toBe('LI'); expect(child3.nextElementSibling.tagName).toBe('UL'); const child5 = screen.getByText('Child 5'); expect(child5).toBeInTheDocument(); expect(child5.parentElement.parentElement).toContainElement(child3); });
我正在制作 Next.js 应用程序并尝试制作 CRUD 功能。 当我制作如下代码所示的“创建”页面时，出现错误。 看起来像是环境检测问题。 顺便说一句，我正在使用 microCMS 作为 A...