reactjs 相关问题

使用 C# 后端在 React 标头中显示 JWT 令牌中的用户名

我想在Header组件中正确显示userName。但是，我有时在使用 jwtDecode 解码令牌时遇到错误，或者 setUserName 状态未正确更新。 我是吗

多选标签被输入字段的轮廓划掉

我用 Material-UI 制作了一个多选列表。但是，当我选择一个项目时，标签应该缩小并适合输入字段的轮廓。问题是轮廓和标签保持不变

代理服务器CORS错误如何解决？

我正在尝试使用代理服务器解决 CORS 错误。 代理使用此代码： 目标：'https://someUrl'， 更改来源：true， }); app.use('/api', exampleProxy); 应用程序.listen(3001, () => { c...

如何将react-mathquill与Next.js一起使用？

我正在尝试在项目中使用react-mathquill，但是当我重新加载页面时收到此错误： ReferenceError：窗口未定义 生成页面时发生此错误。任何控制台...

如何使所有骨架元素在宽度方面响应？

我正在努力让我的代码中的 MUI 骨骼具有响应能力。虽然容器有响应，但骨架没有正确适应。有人可以帮助我排除故障并改进我的代码吗...

反应本机expo@sdk52导航标题元素onpress不起作用

导航标题 onPress 在 IOS 设备上不起作用更新到最新版本 SDK52 后，我的应用程序已停止在 iOS 设备上运行，尽管它之前在 iOS 和

nextjs /_next/image?url= 使用 NGINX 返回状态 500

我在使用 Next.js 时遇到问题，我使用 next/image 来渲染图像的延迟加载。 我将 url 传递到 next/Image src 中，但无法加载 500 代码。 我让 NGINX 运行该 proxy_pass

如何在 TypeScript 文件中导入 CSS 模块？

我做了一些编辑，如下所列。 我正在使用 React (18.2.0)、Typescript (4.8.4) 和 Webpack (5.75.0) 的组合。我正在尝试向我的应用程序添加一些样式，并且

根 React Javascript 的样式背景颜色

有人知道如何在 React 中设置 root 的样式吗？我知道可以通过执行以下命令在 JQuery 中完成； $(":root").css("背景颜色", "黄色");

避免实例化多个对象ReactJS + Vite

我正在构建一个示例 ReactJS + Vite 应用程序，使用 oidc-client-ts 库实现 OAuth2/OIDC 流程和 DPoP，从文档中我看到要实例化一个 UserManager 对象，我需要...

shadcn 图表标签和值之间没有空格

我面临的问题可以在图像上看到，本质上一些更大的值在值和标签之间没有任何填充，我想知道如何使其至少 2px 图像： 部分代码...

React 19 prerenderToNodeStream 与带有 onAllReady 的 renderToPipeableStream

React 19 添加了新的静态服务器 API，prerenderToNodeStream 在 onAllReady 中使用 prerenderToNodeStream 而不是 renderToPipeableStream 是否有任何功能差异？ 我明白

Multer 请求文件未定义

我使用 Multer 将图像上传到数据库并将其保存在名为“uploads”的文件夹中。但是当我在 Thunder 客户端上测试它时，它显示代码“req..file”未定义。这里

如何使用 useActionState 挂钩将表单提交按钮设置为禁用，直到表单为空？

我在 React 应用程序中有一个表单。我正在使用 useActionState 挂钩来管理表单状态。如何将提交按钮设置为禁用，直到用户在文本输入中输入内容？ 通过使用

在 MUI 多选下拉列表的 renderValue 中显示选项的名称而不是 ID

我正在使用 MUI 多选下拉列表，并且正在努力获取 renderValue 来填充所选选项名称的逗号分隔列表。 MUI 网站的示例结束了

react-quill 在 Nextjs 15 和 React 19 中不起作用

我正在将 React 19 与 Next.js 15 结合使用，并且我遇到了 React-quill 的问题。编辑器组件无法加载，导致与不兼容的 React 版本相关的错误。 尝试的步骤： 安装了反应-...

React - 使用 useActionState 挂钩将表单提交按钮设置为禁用，直到表单为空

我在 React 应用程序中有一个表单。我正在使用 useActionState 挂钩来管理表单状态。如何将提交按钮设置为禁用，直到用户在文本输入中输入内容？ 通过使用

React Native - 创建自定义文本输入字段组件并在其中处理 onChangeText

我使用 React Native 与 Expo 和 React Native Paper 作为样式库。 React Native Paper 提供了 TextInput 组件和 HelperText 组件。您可以将这两个组件结合起来......

没有路线匹配位置“/”

我试图点击路由“/”来渲染 Home 组件。该组件正在渲染，但在控制台上我得到： react_devtools_backend.js:3973 没有路线匹配位置“...

React JS 中的 NavLink 无法按预期工作？

所以，我正在使用 ReactJS。在 Sidebar 中）使用了 NavLink，但是当我使用嵌套路由时，它没有按预期工作。 所以，我正在使用 ReactJS。在侧边栏中）使用了 NavLink，但是当我使用嵌套路由时，它没有按预期工作。 <li> <NavLink role="button" to="/organization/" className="flex flex-row justify-start gap-2 items-center" > <MdDashboard /> Dashboard </NavLink> </li> <li> <NavLink role="button" to="/organization/customization" className="flex flex-row justify-start gap-2 items-center" > <MdOutlineDeveloperMode /> Customization </NavLink> </li> 嵌套路由 = http://localhost:3000/organization/customization 它为 /organization 和 /organization/customization 添加了活动课程 我想确保嵌套路由可以与 NavLink 配合使用。 因此，您需要添加“结束属性”，例如： <NavLink end role="button" to="/organization/" className="flex flex-row justify-start gap-2 items-center" > <MdDashboard /> Dashboard </NavLink>