reactjs 相关问题

通过npx create-react-app xyz安装react js出错

当我在终端中触发上述命令时，它显示如下错误 npm 错误！代码-ENOENT npm 错误！系统调用 lstat npm 错误！小路 在我的讲师笔记本电脑中，此命令可以正常工作。我是阿...

获取父组件中子组件的数字位置(#1, #2,...) | Reactjs

我正在寻找一种方法来访问每个子组件在其父组件中的位置 我有一个名为 Slider 的组件，它可以有多个子组件。让我们称它们为 SliderSection...

“下一个/导航”中的 useRouter().push() 不适用于具有下一个身份验证的自定义登录页面

在我的自定义登录页面上成功登录后，我使用下一个身份验证，我尝试重定向回回调Url，但这不起作用。 我正在使用 React 18.2.0、下一个 13.4.8-canary.2 和下一个...

HTML 表单中的 HTTPS 链接正在转换为 HTTP，并在 Iframe 内加载 443 端口

大家下午好。 我正在与 Domo 的报告服务提供商合作，将报告嵌入到我们的应用程序中。 我创建了以下组件。 从“反应”导入反应； 常量

找不到RNGestureHandlerModule

我正在创建一个基本的 React-Native Expo 应用程序，并且我一直遇到一个问题。 我已经看到了有关同一主题的其他 Stack Overflow 问题，链接如下。我已经尝试过解决方案...

如何根据 JavaScript 中的日期返回当月总计（React）

我写了一个钩子来根据月份计算销售额来设置图表数据。 它的工作很好，但我不满意。 有没有一种不同的或简单的方法来避免重复并使代码干净且可扩展！...

如何从 Google Chrome 中的会议选项卡录制音频？

我正在开发一个 React Chrome 扩展，旨在从特定选项卡录制音频，特别是在 Zoom 和 Meet 等平台上的会议期间。主要目标是促进转录...

当组件收到新的道具时，由道具初始化的反应状态不会更新[重复]

我正在使用 Next.js 和一个组件，该组件在网站等待数据时首先进行骨架加载（使用 tanstack React 查询）： 如果（正在等待）{ 返回 我正在使用 Next.js 和一个组件，该组件在网站等待数据时首先进行骨架加载（使用 tanstack React 查询）： if (isPending) { return <MyComponent name={"Loading...."} hobbies={[]} /> } return <MyComponent name={data.name} hobbies={data.hobbies} 在这个组件内部，我有一个爱好状态，以便用户可以在将其发送到数据库之前在本地更改爱好列表。 function onSubmit() { // update to server } function MyComponent(props) { const [hobbies, setHobbies] = useState(props.hobbies); return ( <form> <h1 key={name}>{name}</h1> <MyList hobbies={hobbies} /> <div> <input /> <button type="button" onClick={() => {}}>add</button> </div> <button>submit</button> </form> ) } 但是，一旦数据加载，当其他数据（名称）更新时，爱好变量不会更新，并且它保持为空列表。这是因为我在 h1 上有 key 参数，但是当我将 key 添加到 MyList 时，它不会重新渲染。我必须转到另一个网址，然后再回来重新加载爱好参数。 我认为这是因为我最初将爱好的状态设置为空，然后一旦加载数据，它就不会重新更新状态，但我该如何解决这个问题？ 关键解决方案是正确的。我只需要在 MyComponent 组件上使用它，而不是在里面的内容： return <MyComponent name={data.name} hobbies={data.hobbies} key={data.name} />

如何使 React-Email 和重新发送与 Firebase Cloud Functions 配合使用

我有一个 Nextjs 应用程序，它同时使用 React-Email、Resend 和 Firebase 云功能。目录结构如下所示： 每当在 &...中创建文档时，我想向用户发送电子邮件

如何用 Jest 模拟 React.UseContext

我正在尝试为包含来自上下文文件的值的使用的组件编写单元测试。 从“../../globalContext”导入{globalContext}； const { rowId, num,

React errorElement 中的无限循环

我在反应中遇到无限循环/内存泄漏问题。全局错误处理程序是这样启动的： 导出常量路由配置：RouteObject [] = [ { 小路： '/'， 元素：...

React - 前端组件提交处理程序调用 API 函数进行获取，但不等待返回值

我有一个用于表单提交的处理程序，它获取用户图像，将其发送到后面，对该图像进行处理，然后将修改后的图像（作为 base64）返回到前面进行显示。 发送和

React 客户端模拟问题：管理状态与本地存储

我正在创建一个健身房级管理系统的仅客户端模型。我有一个包含 javascript 虚拟用户对象的模型文件夹，它将提供默认的用户凭据和信息。不过，我想要

React RouterDom 不适用于出口和子路线

我有以下路线配置 导出函数 App() { 返回 （ <> ...

使用延迟加载来反应表格，最初显示整个表格高度

我正在使用react-table v8，我想增强我们的表性能，因为我们的单元格有点复杂，并且我们收到了数千个数据。因此，我认为是时候从客户端切换了

在 Chrome 扩展程序的 Google 文档中捕获文本选择

我正在开发一个 Chrome 扩展程序，当在网页上选择文本时会显示一个弹出窗口。它在大多数网站上运行良好，但我在使用 Google 文档时遇到问题。这是我内容的相关部分

取消功能

我在搜索页面有一个组件，在组件内部有一个useEffect，当搜索单词（城市，帖子中的单词，

反应几秒钟后不重新加载崩溃

从“react”导入React； 从“react-dom/client”导入ReactDOM； 导入“./index.css”； 常量书籍 = [ { 主题：“原子习惯”， 作者：“……

godaddy cPanel React - 新页面显示 404

我使用 React 创建了我的第一个单页应用程序（SPA）静态网站，并将其托管在 Godaddy 上。已经上线一个月左右，运行良好。 几天前，我创建了一个“

babel-plugin-styled-components 在 React 应用程序中与 NODE_ENV=development 配合得很好，但与 NODE_ENV=product 配合得不好

我的 React 应用程序面临以下情况。我使用 babel-plugin-styled-components。当 NODE_ENV!== 生产类生成并注入到 head 标签中并由 React 组件使用时...