reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式,旨在既高效又灵活。

iframe-resizer getPageInfo 回调和 React 的问题

我遇到了 iframe-resizer 问题,并在使用钩子时做出反应。 我不确定我是否正确地将 getPageInfo 与 useEffect 一起使用。 背景 我在 iframe 中有一个元素,其位置是不同的...

回答 1 投票 0

如何使用react-hook-form渲染带有零数组的表单?

我有一个基本形式,其代码使用react-hook-form,如下所示: 导入“./styles.css”; 从 'react-hook-form' 导入 { useForm, useFieldArray, Control, Controller }; 我...

回答 2 投票 0

图标出现在日期选择器中的文本上方

在我的React应用程序中,我使用react-datepicker,我使用showIcon属性添加了一个图标,它出现在文本上方。这可能是因为我使用从右到左引导程序。我可以做什么来移动

回答 1 投票 0

有没有办法指定浏览器的最小和最大缩放级别?

最近的浏览器允许使用 CTRL +- 、CTRL-鼠标滚轮以及触控板上的两根手指捏合手势来更改缩放级别。虽然我自己觉得这个功能非常方便(各种

回答 1 投票 0

如何在加载用户数据时防止 React 中闪烁“验证您的电子邮件”横幅

我有一个 React 应用程序,如果用户未经过验证,我会在其中显示“验证您的电子邮件”横幅。用户的验证状态存储在本地存储中并加载到应用程序中...

回答 1 投票 0

Shadcn 组件中未应用 Tailwind CSS

我正在使用 Shadcn 制作一个 DropdownMenu,如下所示: {显示名称} 我正在使用 Shadcn 制作一个 DropdownMenu,如下所示: <DropdownMenu> <DropdownMenuTrigger className="outline-none">{displayName}</DropdownMenuTrigger> <DropdownMenuContent className="w-56 mr-10 bg-white text-black p-3 rounded"> <DropdownMenuGroup> <DropdownMenuItem> <span>Dashboard</span> </DropdownMenuItem> <DropdownMenuItem> <span>Settings</span> </DropdownMenuItem> <DropdownMenuSeparator/> <DropdownMenuItem> <span>Log out</span> </DropdownMenuItem> </DropdownMenuGroup> </DropdownMenuContent> </DropdownMenu> 我想让每个 DropdownMenuItem 在将鼠标悬停在项目上时使用指针光标而不是默认光标。我进入 dropdown-menu.tsx 并修改了 DropdownMenuItem,以便在 className 中使用 cursor-pointer: const DropdownMenuItem = React.forwardRef< React.ElementRef<typeof DropdownMenuPrimitive.Item>, React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { inset?: boolean } >(({ className, inset, ...props }, ref) => ( <DropdownMenuPrimitive.Item ref={ref} className={cn( "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className )} {...props} /> )) 但是光标仍保持默认状态。由于某种原因,我在 Shadcn 组件中所做的 className 更改没有被应用。我尝试重新启动我的开发实例并重新启动 VSCode,但似乎没有任何效果。我对其他 Shadcn 组件的更改有效,但对 dropdown-menu.tsx 的更改不起作用。有什么想法为什么这不起作用吗? 对每个个体 className="cursor-pointer" 进行 DropdownMenuItem 是可行的,但理想情况下我希望这样,这样我就可以将其应用于 DropdownMenuItem 本身,而不仅仅是它的实例。 您可以在 Tailwind 类前面的 className 中使用 Tailwind important 修饰符 来覆盖样式,如下所示: <DropdownMenuItem className="!cursor-pointer"> <span>Log out</span> </DropdownMenuItem>

回答 1 投票 0

为什么 Electron ZoomFactor 在开发中有效,但在生产中却不起作用?

let savingZoomLevel = store.get("zoomFactor") || 1; 网络偏好设置:{ 节点集成:true, 启用远程模块:真, 上下文隔离:假, 缩放系数:

回答 1 投票 0

有两个带有世博路线的标签栏

我是原生反应新手,我正在尝试构建一个应用程序。 我想使用 expo router 进行导航,因为我发现它比反应导航更容易设置。 这就是我正在尝试的...

回答 1 投票 0

使用 PHP Symfony 下载 Google Drive 文件

我已经在几个文档和论坛中进行了修改,我知道这个主题已经被讨论过,但提出的解决方案都没有帮助我解决我的问题。 也许是配置的问题...

回答 1 投票 0

React 中 createRoot 和 HydroRoot 的具体区别是什么?

官方文档看不懂 HydroRoot 接受额外的 ReactNode 参数,其 HTML 内容先前由特定行无法理解的 React-dom/server 生成。 试过了...

回答 1 投票 0

如何增加一类道具的特殊性?

我有一个带有按钮的组件。它有一个默认类和一个从 props 传递给它的类。但有时默认类会覆盖 props 中的类。可以增加

回答 3 投票 0

最后一个视频上会出现三点菜单(多个 HTML 视频)

我正在渲染一些 HTML 视频标签来播放视频。现在的问题是,当用户单击三点菜单时,菜单应该出现在触发它的按钮附近,但菜单显示在

回答 1 投票 0

已解决 |提交后试图停留在页面上,“无法获取”(使用 Typescript 编写表单)

在尝试不重定向已提交表单的用户之后,我在将表单发送到我的表单服务时遇到了问题。 我设置了一个 Formspark 表单以在framer.com 上使用。 Framer.com 强迫我使用 Type...

回答 1 投票 0

🫱🏻u200d🫲🏽<-- this symbol show yellow empty square box in front

原代码“🫱🏻u200d🫲🏽团队🫱🏻u200d🫲🏽🫱🏻u200d🫲🏽🫱🏻u200d🫲🏽向上奖金(TUB)” 没有任何显示,没有提示,但代码可以编译而不会出现错误。 某种...

回答 1 投票 0

next.js 中的服务器操作似乎以“系列”运行

我有一个 next.js 应用程序,需要向外部资源发出 5 个请求(只能在服务器端访问),因此从“客户端”组件中,当用户单击按钮时,我使用异步 patt。 ..

回答 1 投票 0

尝试使用 React 上传文件并使用 Flask 将其发送到后端时出现 400 错误请求

在我正在构建的网站中,用户可以上传文件(我使用 PrimeReact 进行文件上传),然后该文件应该发送到后端服务器以供稍后使用。然而,无论我...

回答 1 投票 0

React Native Expo 模拟器强制关闭

当我尝试运行 npm run android 时,应用程序打开,然后显示此屏幕: 然后它立即强制关闭应用程序。 我该如何解决这个问题?

回答 1 投票 0

使用 Next.js 应用程序路由器将数据从 RSC 传递到嵌套子组件

我最近开始调查将大型 Pages 路由器 next.js 项目迁移到 App 目录 - 并且我陷入了一个感觉非常常见的用例,现在没有好的答案。也许...

回答 1 投票 0

ReactJs | React Router 与 IIS 返回错误“由于发生内部服务器错误,无法显示页面。”

我们正在尝试使用以下 URL 模式路由网站:localhost:8185/variable1/variable2 我们已经使用react-router-dom完成了应用程序内的所有路由。如果我们运行它

回答 1 投票 0

测试异步任务反应时出现错误,无法通过以下方式找到元素:\[data-testid="reload-button"\]

** 无法通过以下方式找到元素:[data-testid="reload-button"]** 使用 RTL 测试 create-react-app 时遇到问题。 我有一个简单的反应项目,其中我正在拨打电话......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.