在Next.js中向react-markdown内容中添加新元素，无需使用JSX

我使用react-markdown构建虚拟DOM，它允许只更新变化的DOM而不是完全重写。它生成标签中的内容。我想在标签内添加标签。<ReactMarkdowncomponents={{code({node,inl...

来自于 [React讨论组] 2024-01-17 09:50:24 0  1  730

为什么我的 useEffect 无法'获取”数据，直到我必须将 props 重写到其他组件......？

我尝试从服务器“获取”“用户信息”。APIGETurl为：/users/${memberId}userID为数字类型memberId（例4）以下是我的问题..当我点击“”上的“userIcon”时，我应该链接页面并加载正...

来自于 [React讨论组] 2024-01-17 09:25:32 0  1  719

将标题重写为：MongoDB将关键数据存储在集合中，但会将过期数据发送到res()

一切都运行正常，但我在res()中得到的数据比实际操作晚一步。我已经重写了整个代码一百次，但不再理解问题出在哪里。这是后端代码的一部分，使用了express.js、node.js和mongodb：exportconsta...

来自于 [React讨论组] 2024-01-17 00:18:34 0  2  430

为React路由渲染静态文件夹

我的文件夹中有一些遗留静态代码（HTML、CSS、jQuery、JS等）。现在，我需要在我的反应应用程序中的特定路线上呈现这些内容。由于某些政策原因，我无法使用iFrame。我不想在React中重写它，原因有两个：这是一...

来自于 [React讨论组] 2024-01-16 23:33:04 0  1  560

使用不同的基础URL的方法

在开发过程中，我使用Vite为React客户端在http://localhost:5173/上进行HMR，并使用Node后端处理API调用和资源。对于生产构建，Node将提供前端服务，所以我想使用/whatever/en...

来自于 [React讨论组] 2024-01-16 23:30:16 0  1  508

在 Astro 中，我尝试将 Preact 组件从函数重写为类

这里有一个演示存储库，展示了如何将Preact与Astro结合使用我将在这里仅显示相关的代码片段。在astro页面文件中，preact组件的使用如下---...constcount=signal(0);...---<...

来自于 [React讨论组] 2024-01-16 23:12:28 0  1  489

在React中使用Firebase时， getAuth getStorage getFirestore 等应该被调用一次并传递，还是可以在每个组件中调用？

如果我需要在多个组件中使用constdb=getFirestore()或constauth=getAuth(app)等的结果，我应该：每当我需要时，在每个组件中重写这些行constdb=getFirestore()或co...

来自于 [React讨论组] 2024-01-16 22:40:06 0  1  455

优化React应用程序性能：有效渲染大量项目的方法

我正在开发一个React应用程序，需要显示一个大型的项目列表（数千行）。目前，当用户滚动列表或筛选项目时，性能非常慢。有什么方法可以优化我的React应用程序的性能，以改善用户体验？一些附加信息：-我正在使用React函...

来自于 [React讨论组] 2024-01-16 20:43:20 0  1  497

为什么我的成帧器运动 h1 组件在我的 React 项目中发生偏移？

所以当我在h1上使用成帧器运动时遇到问题import{motion}from"framer-motion";functionFirstPage(){return(<motion.h1initia...

来自于 [React讨论组] 2024-01-16 16:45:47 0  1  404

在 React 中使用基于循环的参数有效地定义 useCallback 函数

问题在反应中，我确实经常需要使用诸如useCallback之类的内容来记忆项目列表中的函数（通过循环创建），以避免由于引用标识符不匹配而导致单个元素发生更改而重新渲染所有组件……不幸的是，这是令人惊讶的是很难到期。例如，...

来自于 [React讨论组] 2024-01-16 14:06:30 0  2  509

使用React Testing Library在jsdom中呈现MUI组件时，会引发Mocha测试错误

因为enzyme没有维护并且不支持react18+，所以我正在尝试将1750多个现有的单元测试迁移到react-testing-library+global-jsdom来运行，这样我们的应用程序就可以继续运行最新版本的r...

来自于 [React讨论组] 2024-01-16 13:49:47 0  1  537

从组件中获取Props类型并省略其中的属性

我正在为React“高阶组件”开发TypeScript函数。需要：一个组件，ReactQueryuseQuery类型函数返回参数数组并传递给上述useQuery类型函数可选的resultKey，它确定查询结果是否应传播到...

来自于 [React讨论组] 2024-01-16 12:55:57 0  1  639

使用React-Query和Axios将JSON数据解析为TypeScript对象的简单方法

这是我从服务器接收到的JSON数据：{"id":1,"text_data":"exampledata"}现在我正在尝试将这个JSON数据解析成TS对象：expo...

来自于 [React讨论组] 2024-01-16 12:45:51 0  1  577

React 服务器组件 (RSC) 和服务器端渲染 (SSR) 有什么区别？

随着React18的出现，RSC诞生了。我想知道它与NextJS中的SSR有何不同。

来自于 [React讨论组] 2024-01-16 11:09:44 0  1  693

如何将react-hook-forms中的寄存器与Headless UI Combobox一起使用

我有这段代码，我正在尝试使用react-hook-form从HeadlessUI连接Combobox组件。每当我尝试输入不同的值并选择不同的选项时，都会出现错误消息-无法读取未定义的属性（读取“名称”）我尝试了很多不同的...

来自于 [React讨论组] 2024-01-16 11:09:40 0  1  627