Ant Design，一种企业级UI设计语言和基于React的实现。
我在我的React应用程序中使用materialui和antd作为ui组件库。我一直在使用material ui的全屏对话框并尝试在对话框中插入antd的select。 但看起来我...
我在react上创建了一个组件。我想使用 downloadImage 函数加载 png 图像 https://antv-g6.gitee.io/en/docs/api/graphFunc/download#graphdownloadimagename-type-backgroundcolor....
我的应用程序中有一个表，我在其中对每一行使用 select 。 当我单击并选择行时，左上角会出现一个选中的复选框。我不想显示该复选框，我想要...
如何使用 Ant Design 在第二个禁用的 Radio Group 中自动选择相反的 Radio 选项？
我使用 Ant Design 的 Form 和 Radio.Group 组件来创建一个包含两个单选组的表单： 性别选择：允许用户选择“男性”或“女性”。 首选性别 (
ant-design-charts v2.2.1 自定义柱形图颜色
我想更改图表中列的颜色，但我仍然没有找到新文档的方法 常量配置= { xField: "标题", y字段：“值”， 拉...
antd：上传 `value` 不是有效的 prop，您的意思是 `fileList` 吗？错误组件堆栈
我必须在ant design中使用uplaod，但在浏览器控制台中next.js应用程序出现错误。 这是我的表单提交代码。 “使用客户端”； 进口 { 形式， 上传， 输入， S...
我使用 React 和 Ant Design 作为组件库。我想实现以下行为： 用户单击按钮，资源管理器窗口将打开以上传文件。当用户点击...
如何更改 React 应用程序中 Ant Design Table 中的排序器行为（仅在单击图标时排序）
如何在单击列标题时禁用排序并仅通过单击图标启动排序？ 从“react”导入 React, { useState }; 从“antd”导入{表，输入}； 我...
使用 antd RangePicker 版本 5.6.3，我想设置禁用日期范围，但我不能
我使用的是antd 5.6.3版本，RangePicker。 我试图允许日期范围在开始日期（第一个选定日期）之后 3 天和之前。当用户选择开始日期时，它需要立即禁用日期...
我正在使用 AntD select 组件，正如您在附图中看到的，当选择其任何选项时，AntD select 显示“id”而不是“name”。有没有解决办法...
如何解决ant design 5.0.3上Timepicker导入问题？
将 ant design 升级到 5.0.3 后，出现 Uncaught Error: Cannot find module 'antd/lib/time-picker/style' at webpackMissingModule 错误。如何解决这个问题呢？ 我想解决我的错误
如何在 React 中使用变量下拉列表创建用于手动公式输入的 TextField？
我想创建一个如下图所示的文本字段，用户可以在其中手动输入公式（例如，Basic Fuel + Basic Kurs、(Basic Fuel + Basic Kurs)/Basic Fuel），然后会出现一个下拉菜单...
当 CSS 覆盖不起作用时，如何在 Ant Design 中为表格行（包括扩展行）添加边框？
我正在使用包含可扩展行的 Ant Design 表。该表按预期工作，但我注意到所有行（主行或扩展行）都没有边框，我想添加边框......
如何使用从后端检索的数据预填充 DatePicker 和 TimePicker 组件？
我正在使用 Ant-Design UI 库开发 React 应用程序。我正在尝试使用从后端接收的数据预填充日期和时间选择器，以便用户可以更改日期/时间并对 upd 进行 API 调用...
在疯狂地进行了一个拒绝通过的测试之后，我意识到 Antd 库中的 Select 组件不能处理超过 2 个选项。我编写了以下测试来探讨这个问题： ...
通过添加 style 属性，我只能更改 Card 组件主体部分的颜色。我怎样才能更改标题部分？ 通过添加 style 属性，我只能更改 Card 组件主体部分的颜色。我怎样才能更改标题部分？ <Card title='Card title' bordered loading={this.onLoading()} style={{ backgroundColor: '#aaaaaa' }}> <Row type='flex' justify='center'> <h1>Card content</h1> </Row> </Card> 以下内容对我有用。我必须删除整个卡片的背景颜色，并为头部和正文内容设置不同的背景颜色： <Card title="Track title" style={{backgroundColor: 'rgba(255, 255, 255, 0.0)', border: 0 }} headStyle={{backgroundColor: 'rgba(255, 255, 255, 0.4)', border: 0 }} bodyStyle={{backgroundColor: 'rgba(255, 0, 0, 0.4)', border: 0 }} > <Card.Meta description="Track author" /> </Card> 结果： 希望有帮助！ 适用于 antd 4.x 版本 您可以使用 headStyle 和 bodyStyle 属性来更改背景颜色 <Card title="Card title" headStyle={{ backgroundColor: '#5c6cfa', color: '#ffffff' }} bodyStyle={{ backgroundColor: '#a9bbff' }} bordered={false} style={{ width: 300 }} > <p>Card content</p> <p>Card content</p> <p>Card content</p> </Card> 或 可以自定义css类 .ant-card-head { background: #5c6cfa; color: #ffffff; } .ant-card-body { background: #a9bbff; } 截图： 最后我别无选择，只能使用 css 来解决这个问题。 antd卡的结构是这样的 <div class="ant-card ant-card-bordered"> <div class="ant-card-head" \> <div class="ant-card-body" \> 并且 .ant-card-head 的背景样式为#fff。 如果我像<Card style={{background:"#aaa"}}那样做某事，它将覆盖.ant-card类。如果我这样做<Card bodyStyle={{background:"#aaa"}}，它将覆盖 .ant-card-body 类，并且我找不到任何直接方法来覆盖 .ant-card-head 类，所以我最终使用 css 来设置 .ant-没有卡体背景，它就可以工作。 你有一些错别字。 style:{{backgroundColor:'#aaaaaa'}} 应该是 style={{ backgroundColor: '#aaaaaa' }}，它对我有用： 使用相同的代码并且确实有效： 我可能需要检查您的页面以了解为什么它不适合您 对于 ant design 的新版本（截至 2024 年 9 月），它变得更容易： <Card styles={{ body:{/* regular css style */},actions:{},cover:{},footer:{},header:{},extra:{},title:{}, }}> </Card> 也许按照文档使用ConfigProvider： <ConfigProvider theme={{ ..., components: { Card: { colorBgContainer: '#16191E' } } />
我正在为应用程序准备结果消息（React + Ant-desing + TypeScript）。在那里我应该更改默认图标的图标（根据我的设计文件从 ant-design 更改为自定义图标）。 带有自定义图标的屏幕
我想在 Ant 设计图表中的 Line 组件中隐藏 Y 轴（React） 我当前的版本是： 反应：18.3.1 安特德：5.19.3 蚂蚁设计/图表：2.1.2 我正在使用该模块 从 '... 导入 { Line }
antd V5.18 Table 不必要的组件渲染 onMouseEnter onMouseLeave
const [hoveredRowKey, setHoveredRowKey] = useState(null); 常量数据 = [ { key: '1', name: 'John Brown', 年龄: 32, 地址: '纽约一号湖滨公园' }, { key: '2', name: 'Jim Green', ag...