antd相关内容

为什么我的图标在ANT中的标签没有显示

这个问题困扰了我很长一段时间,在我自己的项目中,每次我想使用And的Icon时,它都不起作用。我不知道出了什么问题,谁知道请告诉我,我非常感激。 推荐答案 出现此问题是因为缺少组件所需的css文件 添加语句import 'antd/dist/antd.css';或创建您自己的较少文件并将其导入。 ..
发布时间:2022-08-12 14:44:33 前端开发

无法在水平滚动中滚动到左边缘的末尾-css

我在Reaction中添加了一个水平滚动,使用的是css,我想要水平显示纸牌列表,但我无法完全滚动到左侧边缘。我在下面附上了SS,因为我已经用红色标记了问题。标记的卡片是列表中的第一张卡片,但它没有正确显示。我使用蚂蚁设计来创建卡片。 这是我的js代码和该部件的css代码。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-08-12 14:35:41 前端开发

切换输入掩码时反应表单值不更新

我有一个输入字段,我使用反应输入掩码对其应用了掩码。我想根据下拉值更改蒙版。发生的情况是,当我更改下拉值时,新的掩码将应用到UI上,但表单值不会被修改。因此,当我提交表单时,使用的是旧的掩码。如果我在文本框中手动修改该值,则表单值更改将生效。 这里有一个简化的例子: import React from "react"; import ReactDOM from "react-dom"; ..
发布时间:2022-08-12 14:30:38 其他开发

Reaction Ant Design多个文件上传不起作用

我正在通过formData.append()将多个文件从“React.js”发送到后端。 在后台(Spring Boot),我可以看到Postman保存了多个文件。 反应中出现问题。 (我使用的是“Ant Design”,即Reaction UI库。) 下面是将文件追加到具有额外数据的FormData的源。 const formData = new FormData( ..
发布时间:2022-04-12 20:38:38 其他开发

如何更改或覆盖antd元素样式

我需要更改antd表单元素样式,即标签和选择,但通过更改antd元素css(antd-form-Item),它会更改与其关联的所有元素。添加内联样式也不起作用,也尝试创建自己的类名,但仍不起作用 推荐答案 只需将类名称添加到Form.Item组件并覆盖其子css: ..
发布时间:2022-04-12 20:36:34 前端开发

Antd文件上载未重置

我有一个表格。其中文件上载是强制性的。第一次没有上传文件时,验证工作正常,但当我上载和删除文件时,表单不会抛出验证错误。 这是Stakbiz https://stackblitz.com/edit/react-x27nfd 推荐答案 您可以在Form.Item组件上使用getValueFromEvent道具: const normFile = (e) => { if (Arr ..
发布时间:2022-04-12 20:27:48 其他开发

如何使用setFieldValue并将值作为道具在组件之间传递

我正尝试在我的示例注册表单中使用ANT设计表单,当我尝试使用setFieldsValue时,它会抛出错误,因为“除非使用了getFieldDecorator,否则无法使用setFieldsValue”。但我已经在代码中使用了getFieldDecorator。以下是我的代码示例。 handleChange = (e) => { const fname = e.target.name; ..
发布时间:2022-04-12 20:24:49 其他开发

ReactJS Ant Design-点击按钮即可打开日期选择器

我正在使用ReactJS的Ant设计框架,我正在尝试找到一种解决方案,以便在单击按钮时打开日期选择器,但框架组件似乎不可能做到这一点,我曾尝试使用第三方日期选择器,但与之不能很好地配合使用。 我的要求是有一个简单的输入,旁边会有一个按钮,点击按钮DatePicker应该弹出. 这是我的unfinished demo 如果有人研究过此类解决方案,请提供帮助。 谢谢。 推 ..
发布时间:2022-04-12 20:22:41 前端开发

Reaction Antd v4 AutoComplete在选择选项时显示所选值而不是标签

我正在使用Reaction Antd v3&;将其升级到v4,我注意到一个问题,其中自动完成组件被更改了&;现在它的行为方式很奇怪 传递[{value: string, label: 123}]的json数组,除了值选择时显示值(而不是标签)外,其他操作都正常。 如何显示标签?&;将选定的值保留为选项值? Here is a link that shows th ..
发布时间:2022-04-12 20:20:09 其他开发

反应和扩展行渲染-一次仅打开一行

我创建了一个反应表,并使用ant design。 是否有蚂蚁设计的解决方案,允许expandedRowRender函数一次仅用于一行。 如果展开一行,我希望隐藏所有其他展开图标。 推荐答案 这很容易做到。您需要利用 组件的expandedRowKeys属性。该属性存储当前展开的行键的值。因此,我们要做的就是只在其上设置当前展开的行键,并删除其他任何键。 ..
发布时间:2022-04-12 20:17:56 其他开发

Antd上传控件需要动作功能,但我不需要它

我使用的是Ant设计组件,我有一个上传输入: https://ant.design/components/upload/ 根据文档,道具上需要采取行动。 但是,我不需要在上传时将文件发布到URL,我需要将整个表单提交到REST端点(检查handlesubmit函数) 尝试浏览文档时,我使用HandlChange事件将文件添加到状态,但状态永远不会完成,因此该行永远不会命中。 ..
发布时间:2022-04-12 20:14:55 前端开发

当我尝试删除字符串并且字符串在Ant Design Vue表上的长度为1时,输入关闭

当我尝试删除输入中的内容并且内容的长度为1时,输入关闭,我不知道为什么。我在试图弄清楚为什么会发生这种情况时遇到了一些困难。 在这个可编辑的表上,我可以编辑我想要的所有内容,当字符串长度超过1时,就不会发生这种情况。我做错了什么? 这是我现在的代码: ..
发布时间:2022-04-07 17:00:31 前端开发