reactjs 相关问题

next.js 中的chartjs-chart-financial 未显示

我正在 Next.js 中使用 Chart.js 开发一个简单的图表仪表板应用程序。我正在尝试添加 Candlestick 图表组件，为此我使用 Chartjs-chart-financial 库。然而我只得到一个...

React-admin SimpleForm 单击保存时不会调用 PUT 请求

在react-admin中，SimpleForm应该自动调用PUT请求，但是它不起作用。相反，由于某种奇怪的原因，每当我单击“保存”按钮时，它都会调用 GET 请求。我是新来的反应...

react-oidc-context 使用 auth0 成功登录后重定向到原始路由

嗨，我正在尝试使用react-oidc-context 来通过auth0 进行身份验证，但有一个问题。使用 auth0 成功进行身份验证后，我总是会重定向回我单击时所在的路线...

如何使用 useActionState 钩子对表单进行单元测试？

我想使用 useActionState 挂钩测试表单。它确实使用简单的异步函数，而不是服务器操作。我想断言状态会增加，但测试甚至在我可以之前就失败了......

模块“@wagmi/core”没有导出成员“configureChains”

我严格遵循Wagmi文档： 从 'wagmi' 导入 { createConfig, http } 从“@wagmi/core”导入{configureChains} 从 'wagmi/chains' 导入 { sepolia, mainnet } 导入{publicPr...

即使逻辑正确，也不会被重定向到“/onboarding”

我正在使用 Next js 版本 14.1.1 制作一个项目，在用户通过身份验证后，他们将被重定向到 localhost:3000/onboarding，但即使我输入...

调试“对象作为 React 子对象无效”

我在一个非常大的单一存储库工作，有很多变化，有很多开发人员。几天前，它完全崩溃了，仅在产品中出现错误： 错误：对象作为 React 子对象无效（发现：对象...

Vite + React + TypeScript 加载环境变量的问题

Vite + React + TypeScript 加载环境变量的问题 你好！我正在开发一个使用 React、Vite 和 TypeScript 的项目，但我无法正确加载环境变量。呃...

当回到初始状态时，React-hook-form 不会将 isDirty 设置为 false

在受控输入的官方示例中，如果修改输入的值然后将其改回其初始值，isDirty 将被设置为 true，但不会被设置回 false 和 dirty...

Vite 和 Module Federation 部署微前端时的 CORS 问题

我正在使用reactJS构建一个微前端应用程序，它有两个主要组件： 部署在 Netlify 或任何服务器上的标头应用程序 将标头用作远程模块的主应用程序...

使用nginx运行动态内容

我想使用 nginx 来运行我的 Node.js 应用程序。我创建了应用程序的构建，并在 nginx.conf 中将根设置为指向构建文件夹的位置。这有效，我的应用程序...

React：onClick 中插入的函数与组件主体中的函数

假设我有两个用 React 编写的带有日志功能的示例组件。哪里有更好的表现？ 第 1 部分： const 组件 = () => { 函数测试() { console.log('测试'); }

无法使用createPortal方法插入html元素

我有一个位于 React 组件树外部的 Portal 组件，我正在使用 React dom 中的 createPortal 方法在 body 元素内插入一个 Dom 元素。插入无法按预期工作...

如何仅当框为空且未聚焦时在 OTP 输入中显示占位符？

我正在 React Native 中处理 OTP 输入屏幕，我需要在以下条件下在输入字段内显示占位符 (•)： 当一个框获得焦点时，占位符不应该是

为什么我的 Replit 部署在 Webview 中可以工作，但无法在生产域上加载？

我正在使用预留虚拟机部署在 Replit 上部署 Web 应用程序。虽然该应用程序在 Replit Webview 中完美运行（在 3000 和 3001 等端口上），但它无法加载到生产域上......

构建我的网站时出现“路由导出无效”错误

您好，我在 vercel 上构建代码时收到“路由导出无效”错误。它在本地运行良好，所以我不太确定我在这里做错了什么。 这是...中的 GET 函数

React 中如何通过 Link 传递函数？ [重复]

我必须通过 Link 将函数传递到另一个组件。 测试最爱=()=>{ 控制台.log(“工作”) } 我必须通过 Link 将函数传递到另一个组件。 testFavorite=()=>{ console.log("work") } <Link to={{ pathname: '/popular', state:{ testFavorite: this.testFavorite } }}> Popular</Link> 这就是我调用函数的方式 this.props.location.state.testFavorite(); 但是我有这个错误 history.js:370 未捕获的 DOMException: 无法在 'History' 上执行 'pushState': function () { console.log("work"); } 无法克隆。 我该如何修复它？ 非常感谢你 用Data替换state就可以了。 <Link to={{ pathname: '/popular', data:{ testFavorite: this.testFavorite } }}> 也替换这里 this.props.location.state.testFavorite(); 同时，如果您还想将数据作为 props 传递，您可以将状态与数据一起使用

如何在React Router v6中将函数传递给state

当我单击其中一条路线（NewUser）的链接时，我想在两条路线之间共享状态。我想要共享的状态和修改它的逻辑都保存在 Users 路由中。我想要...

需要降低NextJS站点的CLS以提高站点性能

我正在使用 NextJS 和 Mantine 来开发一个网站。我使用 createStyles 来添加样式。我还尝试使用尽可能多的 mantine 组件。 当我在 vercel 上部署网站时，我发现...

我想将我的index.html移动到vite React项目中的公共文件夹，但随后出现错误

我的项目结构是这样的： > 资产 > 节点模块 > 公共 > 源代码 .gitignore .index.html 包锁.json 包.json vite.config.js 在我的索引 html 中我...