frontend 相关问题

TypeScript 错误：输入“HotelType[] | undefined' 不可分配给类型 'HotelType'

当我尝试将酒店对象传递给表单组件时，我在 React TypeScript 应用程序中遇到类型错误。错误信息如下： 输入“酒店类型[] |未定义'不分配...

如何使用 Flutter GestureDetector 和 InteractiveViewer 正确处理偏移

问题 我正在构建一个小部件，它可以在我希望允许平移+缩放的位置绘制对象，同时还检测点击/单击何时与屏幕上绘制的对象重叠。 问题是

从java数组列表中删除li元素和相应的项目，然后使用ajax、javalin、html和css输出

我们无法弄清楚如何删除用户使用我们的搜索栏搜索过的项目。我们的目标是从 Java ArrayList 中消除该项目，然后删除

在弹出窗口或隐藏的反应选项卡中加载地图时出现问题

我正在开发一个网络应用程序，我必须在弹出窗口和选项卡（react-bootstrap）中加载地图（此处地图）。 我面临着几个问题，但我似乎没有找到解决方案。 在...

登录和帐户创建请求仅在服务器本地托管时有效

我最近部署了我的网站，但遇到了一个问题：只有当我通过 Visual Studio Code 在本地运行服务器时，登录和帐户创建请求才会成功。当服务器没有运行时...

错误：“OperatorFunction<unknown, any>”类型的参数不可分配给“OperatorFunction<MediaChange[], any>”类型的参数

我正在将我的 Angular 项目从 v8 升级到 v17。在构建项目时，我遇到了这个问题： “OperatorFunction\”类型的参数不可分配给类型的参数

如何更改垫子选择高度（样式）？

使用 ::ng-deep 可以解决问题，但它会影响同一模块中的所有 mat-select，那么如何在特定组件中更改 mat-select 样式呢？ ::ng-deep .mat-select-panel{ 最大高度：

面对此问题：“OperatorFunction<unknown, any>”类型的参数不可分配给“OperatorFunction<MediaChange[], any>”类型的参数

我正在将我的 Angular 项目从 v8 升级到 v17。在建设项目的同时， 我面临这个问题：“OperatorFunction”类型的参数不能分配给类型的参数 ...

如何将SVG背后的颜色设为黑色？

我正在尝试创建一个带有 svg 徽标的注册表单，但颜色冲突，并且由于某些奇怪的原因它永远不会从白色改变。我想将实际的 svg 保持白色，但其背后的背景保持黑色。

收到用户的输入并通过python和flask处理后实时更改网页

我希望在用户提供输入并单击提交后更改页面。我接受了制作卢恩算法的测试，但现在我正在努力将结果显示到......

使用 Azure Maps 实现自动完成输入

我目前正在努力使用 Azure Maps 实现自动完成输入字段。在这次迁移之后，我之前已经使用 Google 地图和 Bing 地图实现了类似的功能

NextJS v14.2.3 中的动态导入会导致 Hydration 错误

我将 NextJS 从 v13 更新到 v14，由于动态导入而出现了 Hydration 错误。 有修复它的选项吗？ const MyComponent = 动态(() => import('../components/MyComponent')) 是

如何解决 webpack 命令中的 EPERM: operation not allowed 错误？

如何解决 webpack 命令中的 EPERM: operation not allowed 错误？ 使用webpack时出现如下错误信息。 PS C:\Workspace\Mission> npm run dev > [email protected] 开发人员 ...

在innerHTML Angular中执行<script>

如何在 HTML 元素的 innerHtml 中执行脚本。我有一个包含脚本元素的 HTML 字符串，如下面的 HTML 示例。 asdasd <...

代理传递错误 404 Not Found nginx/1.25.3 with Docker 和 nginx conf template

我知道这看起来像是重复的，但我尝试了许多不同的配置，但我就是无法让它工作！基本上这是我的设置。 nginx.conf.模板： 上游后端{ 服务器

在不使用任何其他库的情况下将授权标头发送到 websocket

socket = new WebSocket(${SOCKET_URL}${uuid}); 我希望像发送 API 的任何其他请求一样发送授权标头。我可以在向 WebSocket 发送请求时执行相同的操作吗？请回答一下

从 PrimeReact 更改样式导航栏

我想更改使用 PrimeReact 创建的导航栏的背景颜色。但我不知道应该把 CSS 样式放在哪里。我尝试了很多次，但没有一个成功。我只是想改变...

MUI 文本字段数字类型最小值最大值不起作用

Material UI 版本: "@mui/material": "^5.15.15", 这是片段代码 Material UI 版本："@mui/material": "^5.15.15", 这是片段代码 <TextField className="input-quantity form-input" defaultValue={0} name={"quantity"} type="number" InputProps={{ inputProps: { min: 0, max: 100, }, }} onChange={(event: any) => handleChange(e) } /> 输入仍然可以超过100，甚至千值。 这也发生在文本类型上，因为 inputProps 使用了 maxLength InputProps 属性在 Material-UI 的组件中处理。 用户仍然可以输入指定范围之外的值 你可以尝试这样的事情： const YourComponent = () => { const [quantity, setQuantity] = useState(0); const handleChange = (event) => { const value = event.target.value; if (value >= 0 && value <= 100) { setQuantity(value); } }; return ( <TextField className="input-quantity form-input" value={quantity} name="quantity" type="number" InputProps={{ inputProps: { min: 0, max: 100, }, }} onChange={handleChange} /> ); }; <TextField className="input-quantity form-input" defaultValue={0} name="quantity" type="number" InputProps={{ inputProps: { min: 0, max: 100, }, }} onChange={(event: any) => handleChange(event)} onInput={(e) => { const numericValue = parseFloat(e.target.value); // Check if the numeric value exceeds the max value (100) if (!isNaN(numericValue) && numericValue > 100) { e.target.value = "100"; } // Check if the numeric value is below the min value (0) if (!isNaN(numericValue) && numericValue < 0) { e.target.value = "0"; } }} />

将 isValid 从子组件传递到父组件会延迟 1 个输入吗？ （反应本机，福米克）

尝试使用子组件（EditInput）中 Formik TextInput 的数据动态设置父组件（EditProfileScreen）中提交按钮的样式，但 isValid 布尔值始终为 del...

Cors 不允许我从我的 React 应用程序中查看 pdf

我正在开发一个 React 应用程序。基本上它是什么，有一个在页面上呈现的表格，我有一个操作列，其中有一个视图按钮，单击它时应该呈现...