无法在 Material UI 日期选择器上显示错误和错误消息
我正在使用 React Material UI 我想在后端计算的某些条件下显示错误。 我使用了 Material UI-datepicker 但无法显示错误 从 'react' 导入 * as React； 导入
无法解决依赖关系：来自@material-ui/[email protected]的peer React@"^16.8.0 || ^17.0.0"
我使用创建了一个反应项目 npm 初始化 -y npm 安装 React React-dom 然后我尝试安装 Material UI npm 安装@material-ui/core 它得到错误 npm 错误！代码 ERESOLVE npm 错误！解决...
@types/material-ui 和官方的@mui/types 包有什么区别？
npm 包：@types/material-ui 和 @mui/types 我知道前者受到 Definely Typed 社区的支持，但如果存在官方类型包，为什么它首先存在呢？我已经
我正在使用 React js 来开发我的 Web 应用程序，并且我正在使用 React 材料设计来进行 UI 设计。下面是我引用的网址。 https://material-ui-next.com/ 我正在努力实现一些目标...
我正在尝试使用 React Material UI 模态，但当它聚焦时，我总是在模态周围看到黑色边框。当它失焦时我已经删除了边框，但是如果模态聚焦......
在 React 16 中使用 RTL 测试 Material UI Drawer 的关闭逃逸功能
我正在尝试测试 Material UI Drawer。当您按 Esc 键或单击抽屉外部时，它应该关闭。但它正在失败。 我正在使用反应测试库进行测试。我创建了一个
我正在努力构建一个新的 Material UI 表单。我想知道是否有只读字段的首选组件。我正在比较输入和文本字段组件，但无法真正分辨出什么......
Material-UI DataGrid 隐藏特定单元格的标题分隔符
有没有办法隐藏特定（或所有）单元格的标题列分隔符？ 这是我的列定义 const orderCols = [ { 字段：'DOCDATE'， headerName：'Fecha'，flex：1 ...
我使用 Material-UI 选择器库来获取日期 我只想知道日期 像这样 17/07/2021 但我得到了这样的日期和时间 2021 年 7 月 17 日星期六 12:21:00 const [获取日期，
我尝试使用覆盖“！”但这仍然不起作用，有没有办法设计它？我在网上到处查看都无济于事。 从“反应”导入反应； 从 'styled-
类型“IntrinsicAttributes & RefAttributes<any>”上不存在属性“XXX”
我将编码作为一种爱好，并且正在使用 TypeScript 构建一个 React 网站。我找到了一个免费的 Material UI 模板，我正在尝试将其集成到现有代码中。模板是用
我有一个模块联合远程存储库，它是： 使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 CSS，我无法编辑 我有多个主机...
如何在next-cloudinary和react-hook-form中上传和存储多个图像而不是一张图像
k我有 shadcn/ui 表单组件，如下所示 “使用客户端”； 从“反应”导入{片段}； 从“下一页”导入类型 { NextPage } ； 从“n...
我创建了一个给定高度的桌子（比如说70vh）。我想要一个垂直的列分隔线来覆盖桌子的整个高度。我可以使用 TableCell 的 CSS 添加它。但我想要垂直列分割...
如何在 Material ui 滑块中的标签悬停时获取工具提示
我正在尝试创建一个滑块测验，我想要的是在滑块上的标签悬停时出现工具提示 现在，当我将鼠标悬停在拇指上及其鼠标位置上时，我可以看到...
如何使用 router.push 从“next/navigation”传递数据
我们如何使用 next/navigation 中 useRouter() 的 router.push api 以编程方式将数据从一个路由传递到另一个路由？ 另外，我们如何在 next/
Angular Material v17：缺少“MatFormFieldAppearance”中的“遗产”
在 Angular Material v14 中，MatFormFieldAppearance 提供了传统、标准、填充和轮廓值。 类型 MatFormFieldAppearance = '旧版' | '标准' | '填充' | '大纲'; 然而，在 Angular
Next.js：如何通过 https localhost 使用 CLI (next dev) 启动开发模式
在 Next.js 中，哇，通过 https localhost 使用 CLI (next dev) 启动开发模式？ 我应该将哪些参数传递给“next dev”命令，该命令可以在 package.json 中编辑？ 我不...
MazPhoneNumberInput Vue.js 上的自动对焦
我在表单中使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： 我正在以这种方式使用 MazPhoneNumberInput 组件（https://maz-ui.com/components/maz-phone-number-input）： <MazPhoneNumberInput v-model="phoneNumber" v-model:country-code="countryCode" show-code-on-list :preferred-countries="['DE', 'US', 'GB']" noFlags /> 并且想在手机输入上设置自动对焦。 MazPhoneNumberInput 组件本身没有 autofocus 属性，但它基于具有 autofocus 属性的 MazInput 组件（https://maz-ui.com/components/maz-input）： 我尝试通过 javascript 使用 onMounted 方法设置焦点： import AppLayout from "@/Layouts/Auth/AppLayout.vue"; import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput' import {ref, onMounted} from 'vue' const phoneNumber = ref() const countryCode = ref('DE') const focusInput = () => { phoneNumber.value.focus(); }; onMounted(focusInput); 但是没有成功。 如何在手机输入上设置自动对焦？ 这可以使用 template ref 来完成，它可以访问组件的 DOM 元素。由于根元素只是多个其他元素的包装，因此需要额外的查询来获取实际的电话输入，然后您可以将其聚焦： onMounted(async () => { const phoneEl = phone.value.$el // MazPhoneNumberInput root DOM element const phoneInput = phoneEl.querySelector('input[type=tel]') // inner input DOM element await nextTick() // can focus after next DOM update phoneInput.focus() })
我创建了一个“自定义”主题（使用 https://material.angular.io/guide/theming 上的主题文档，这非常糟糕），如下所示： @import '~@angular/material/theming'; @包括 mat-cor...
重新渲染次数过多。布局不稳定。 TextareaAutosize 限制渲染次数以防止无限循环
我有一个按以下方式定义的多行 TextField： 我有一个按以下方式定义的多行 TextField： <TextField id="outlined-multiline-flexible" label="Description" multiline rows={10} value={description} onChange={handleChangeDescription} /> 这是handleChangeDescription： function handleChangeDescription(event: { target: { value: SetStateAction<string> } }) { setDescription(event.target.value) } 我知道它基本上是正确的，因为我几乎直接从 MaterialUI 文档中获取它，但我不断收到相同的错误：“Material UI：重新渲染次数过多。布局不稳定。TextareaAutosize 限制渲染数量以防止无限循环”。 奇怪的是，这只发生在我渲染页面，然后从页面上单击，然后单击返回页面时。该错误不会出现在初始渲染中。我真的不知道我能做些什么来解决它。我已经尝试了this线程中的所有内容，但没有任何帮助，所以我真的很感激任何其他建议！！ 我自己也遇到了这个问题，为可能遇到同样问题的其他人发帖。问题在于 React 的 TextAreaAutoSize 组件如何管理其状态。 要解决这个问题，您可以将 fullWidth 属性传递给 textField。
我正在使用 Next JS 12.2.0。我有如下链接标签， {帖子标题} 问题是某些 href 结尾有
React Material 选项卡方向在响应式中发生变化？
如何更改响应式材质选项卡方向变化？我正在使用 React Material 版本 4 我需要桌面响应式的orientation=“horizontal”，它应该是orientation=“
使用 Typekit / Adobe Fonts 和 @next/font
当前的 Next.js 字体优化文档和 @next/font API 参考描述了如何引入 Google Fonts 以及本地字体文件，但引入 Typekit / Adobe 的最佳实践......
如何在 Angular Material 2 中构建自定义组件
是否有任何标准方法可以在 Angular Material 2 之上构建自己的组件或扩展现有组件。 之前我使用过 Sencha/ExtJS 框架，构建自己的框架非常简单
在使用 next auth 进行 Oauth 时，getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null
`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序，并且我想为每个待办事项添加一个“createdBy”属性以及相应的...
我正在使用 Angular 和 Material 创建一个 Web 应用程序，我希望能够拖放和调整我的部分的大小。有没有办法使用 Angular Material 拖放 CDK 来完成？
将 Angular Material 从 16 迁移到 17 时出现目录错误
我正在尝试运行 Angular Material 迁移工具以从 16 迁移到 17，但收到一条错误消息，指出目录必须是字符串。 JSON 显示它是错误的。这不是提示，a...
Angular Material 6 网格列表对齐项目并将内容对齐到 flex-start
我正在尝试使用 Angular Material 6 动态网格列表。与文档相关的示例将网格的内容放在每个图块的中心。请参阅此处的示例 我想要内容进去...
我有一个 Next.js 应用程序，我使用 next-pwa 作为离线模式。现在我想添加推送通知（OneSignal解决方案），我看过很多文章/教程，它们都需要创建/更新...
react-testing-library：无法关闭 MUI Select 的下拉菜单
我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...
我尝试在 Angular 17 中使用 NG Block UI 并收到此错误 ng block ui error in Angular 17 知道这个模块在 Angular 17 中如何工作吗？ 提前致谢 我使用 npm i ng-
为什么Nextjs 14显示按钮与next/font和tailwind不同？
我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同 这是我的代码 我...
React、React Router、Joy UI：如何禁用导航离开和返回后重新出现的小吃栏？
我有一个虚拟的工作板 Web 应用程序，它使用 React 和 Joy UI 作为前端和 UI。我使用 Joy UI 的 Snackbar 组件在用户执行某些操作后临时弹出一条消息（
MatFormFieldModule / MatLegacyFormFieldModule 未导入 MatInputFieldModule 时发生冲突
我必须在客户端项目中使用 Material Legacy 模块。 现在，我使用 MatLegacyFormFieldModule 和 MatLegacyInputFieldModule 删除了所有出现的 MatFormFieldModule 和 MatInputFieldModule。
如何在 next js 13 的客户端组件中处理 firebase 和 webrtc 任务
我创建了一个 next js 13 应用程序来与 webrtc 和 firestore 共享相机源。这是我的 page.tsx。我无法使这个服务端因为我使用了反应钩子并且我无法将其移动到客户端
如何使用 UI .NET MAUI 等弹出控件获得响应式布局
我有这样的 UI 设计，其中左侧有一个弹出/停靠布局用于设置列表，然后在右侧显示所选设置的内容。 在桌面上，我希望 UI ...
我需要帮助更新 Mac 上的 Node 版本才能使用 Next JS，即使已安装，我仍然收到错误消息
我正在创建一个新的 NextJS 应用程序，它说它需要较新版本的 Node >= v18.17.0 才能与 Next JS 一起使用。我一直在尝试更新，但它说活动节点版本是
在 Open Web UI 中启用 Searxng 作为 Web 搜索引擎时出错
我想在我的 Open WebUI（以前称为 Ollama Web UI）中启用 seachxng - 元搜索引擎。 我已经编写了 docker compose 文件，如下所示，但问题是，当我打开 Open Web UI 并选择 '
Jenkinsfile / recordIssues 从文件创建“过滤器”数组
我们使用“Warnings Next Generation Plugin”中的 recordIssues 来可视化 Trivy-Dockerimage-Scanner“aquasec/trivy”生成的结果。这个工具可以...
使用 create-next-app 启动新的 Next.js 14 应用程序时，为什么会出现与 favicon.ico 相关的“模块未找到”错误？
我运行了以下命令来启动一个新的 Next.js 应用程序： npx create-next-app@latest 但是 npm run dev 给了我以下错误： 找不到模块：无法解析 'C:\xxxxx\xxxxx\xxxxx\my-app\src pp\
为什么 Jetpack Compose Material 3 Card 可组合项的内容需要 ColumnScope？
我正在使用 Jetpack Compose，最近注意到 androidx.compose.material3 包中的 Card 可组合项要求其内容在 ColumnScope 中提供。具体来说，
next.js 14 错误：无法读取未定义的属性（读取“get”）”
官方示例https://github.com/vercel/next.js/tree/canary/examples/next-forms在createTodo时出现错误“Error: Cannot readproperties of undefined (reading 'get')”。但是……
app/auth-callback/page.tsx 从 'next/navigation' 导入 { useRouter, useSearchParams } 从“反应”导入反应 从 '../_trpc/client' 导入 { trpc } 常量页面 = () => { 常量路由器 =
我有一个结构如下的 Next js 项目： 。 ├── 媒体 │ └── img.jpg ├── package.json ├── package-lock.json ├── postcss.config.js ├── 来源 │ ├── 组件 │ │ └── 动画角色...
我在路由中创建了一个名为 jsconfig.json 的文件： { “编译器选项”：{ “baseUrl”：“。” } } 我有最新的 nextjs "next": "latest" 当前...
下一个验证 | GithubProvider 错误=OAuthCallback
我正在使用 nextAuth，而且我正在使用 GithubProvider。我的 vsCode 终端刚刚出现错误： [下一个身份验证][错误][OAUTH_CALLBACK_ERROR] https://next-auth.js.org/errors#oauth_callback_error
我无法测试 Android 可组合 UI 出现“FINGERPRINT 不得为空”错误
我正在尝试写下我的可组合项的 UI 测试用例，即 包 com.lbg.project.presentation.ui.view 导入导航屏幕 导入 android.annotation.SuppressLint 导入 android.widget...
Shopify结帐UI如何检索所选shippingOption的DeliveryMethodDefinition id
我正在 Shopify 的结帐扩展 UI 上开发一个应用程序，我想使用目标“purchase.checkout.shipping-option-item.render-after”在 ShippingOptions 下显示一个横幅，在此 Ba...
NextAuth 身份验证错误：“状态 cookie 丢失。”
NextAuth 身份验证错误：“状态 cookie 丢失。” 我使用 Next.js 和 NextAuth 进行 OAuth2 身份验证。这是代码片段： 从 'next-auth' 导入 NextAuth； 导入