antd 相关问题

Ant Design,一种企业级UI设计语言和基于React的实现。

Antd <Select> 元素以 <Menu> 作为下拉列表不起作用,无法加载 Menu.Item 选项

const 对象如此定义 const [selectedItems, setSelectedItems] = useState([]); 常量选项 = [ { 键:'A', 值:'A', 标签:“A” }, { 键:“S”,...

回答 1 投票 0

我希望在TextArea中输入的文本格式相同

我使用的是AntDesign的TextArea,当我在其中输入2-3段,然后按回车键将其显示为一行时,但它会在一个段落中显示所有内容。我想要我所做的精确格式...

回答 6 投票 0

AntDesign TabPane 最小高度 100%

使用 Ant.Design 选项卡 https://ant.design/components/tabs/ 如何在 TabPane 上设置样式,使其最小高度始终为窗口的 100% 高度,即使它是空的? 下面的例子应该...

回答 3 投票 0

在 ANTD React 中使用全选选项进行多选

我有一个表单,其中有一个多选下拉 antd 组件。 在更改全选选项时,我需要选择最多 5 个标签的所有可用选项。 请找到链接...

回答 3 投票 0

如何在每个 Ant Design 模态上拥有相同的透明蒙版?

{filteredBookings.map((预订, 索引) => ( {filteredBookings.map((booking, index) => ( <Modal key={index} // Make sure to provide a unique key open={detailModalVisible} onCancel={(e) => { setDetailModalVisible(false); setCurrentBookingIndex(null); }} footer={null}> <EachBooking key={currentBookingIndex} // Ensure EachBooking components have unique keys selectedBooking={selectedBooking} roomId={selectedRoomId} roomName={selectedRoomName} username={username} toPreviousMainModal={toPreviousMainModal} /> </Modal> ))} 我在 <EachBooking /> 中有子模态,单击主模态时将打开。 当我检查 antd 自定义类 antd-modal-mask 时,它有 rgba(0, 0, 0, 0.45) 这是它们的默认值。但我在子模态中没有看到该属性,并且蒙版看起来更暗,就像它加倍或重叠 0.45 一样。我希望每个模态都有相同的 alpha 0.45 蒙版。我怎样才能做到这一点? 因为您正在映射模态。这将导致出现多个模态,这些模态将相互叠加。删除映射即可工作。

回答 1 投票 0

如何从 AntDesign 更改 FloatButton 的样式?

我正在尝试自定义我的 FloatButton 组件一些自定义 CSS,但无法找到如何对背景颜色和其中显示的图标执行此操作。我用这段代码进行了测试,但它...

回答 1 投票 0

如何在Reactjs中的AntDesing表中添加复选框并获取数据?

我有一个Ant表,如下 我有一个 Ant 表,如下 <TableAnt dataSource={users} columns={Usercolumns} 我希望能够在每一行上放置一个复选框,并且只允许选择单行。 我希望用户能够单击一行并在单击按钮时使用该数据 我需要设置变量的状态吗? 我该怎么做? 请参阅 API 文档了解如何解决此问题,使用列配置中的渲染属性,您可以将任何内容放入表列中 const columns: ColumnProps<any>[] = [ { title: "Name", dataIndex: "name", key: "name", render: (text, record, index) => <div><button>Click!</button></div>, } ] https://ant.design/components/table#column

回答 1 投票 0

antd 在使用 fileList prop 时上传 customRequest onSuccess() 不会触发 onChange 。 onchange 卡在“上传”

在下面的代码中,当我将 fileList 属性与 customRequest 属性一起使用时,info.file.status 停留在“上传”状态,它永远不会达到“完成”。但是当我在没有 fileLis 的情况下使用时...

回答 1 投票 0

使用 customRequest Ant Design (antd) 上传文件卡在“正在上传”状态

我真的需要您帮助使用 Ant Design (antd) 上传文件。我不需要上传组件的请求操作,因此我使用 customRequest 中的 onSuccess() 函数来跳过获取,但是

回答 3 投票 0

Ant 设计表点击表格单元格

https://codesandbox.io/s/7mo0rvl971 检查这个例子。你们可以注意到我们可以点击名字,因为他们使用标签 如何点击名称并获取内容。例如,我...

回答 5 投票 0

Ant 设计时间选择器自动选择时间

当你从antD库中清除了TimePicker并尝试选择时间时,例如点击小时,然后自动选择分钟和秒,如何避免这种情况?我找不到任何解决方案...

回答 1 投票 0

Antd table 如何将文本分几行放入单元格中

在 Antd 中,有一种方法可以将表格单元格中的文本显示为多行。 我试着把, , 进入正文。 有人已经找到方法了吗?

回答 3 投票 0

我正在尝试在我的标头组件中实现暗模式功能,因此我创建了上下文 api 来处理它,但它不起作用

首先我有处理组件树的根组件, 根应用程序.jsx 从'react'导入{Suspense}; 从'react-router-dom'导入{HashRouter作为路由器}; 从 'react...

回答 2 投票 0

如何给ant design下拉菜单中的子菜单添加点击事件?

我正在使用ant-design,下拉菜单。 + 反应、打字稿 例如,如果您单击当前代码中“item”的标签“teamA”,则希望运行函数“handleMenuClick”。 // 这是我的数据....

回答 2 投票 0

React Typescript:Antd 复选框值不起作用

您好,我尝试用我的状态填充复选框值,但它不接受它。 复选框代码: 您好,我尝试用我的状态填充复选框值,但它不接受它。 复选框代码: <Form.Item label="Aktiv" > <Checkbox value={this.state.selectedRecord.active} /> </Form.Item> 状态selectedRecord的值: 尝试将其更改为这个。 <Checkbox checked={this.state.selectedRecord.active} /> AntD 文档这里回答了“为什么不在 Form.Item 中工作?”的问题: “Form.Item默认将值绑定到value属性,但Checkbox value属性被选中。您可以使用valuePropName来更改绑定属性。” 所以,你可以尝试: <Form.Item label="Aktiv" valuePropName="checked"> <Checkbox value={this.state.selectedRecord.active} /> </Form.Item> 但由于某种原因它仍然对我不起作用,所以我使用了这样的东西: <Form.Item label="Aktiv" name="aktiv"> <Checkbox /> </Form.Item> 将其设置为选中或取消选中: form.setFieldValue('aktiv', {this.state.selectedRecord.active});

回答 2 投票 0

Antd css 版本转换问题

我对我早期以 React JS 格式编写的 Antd CSS 有疑问,但我将其转换为 type script,但 antd 包的 Antd CSS 无法正常工作,我该怎么办?反应中...

回答 1 投票 0

Ant Design Stacked Bar 中如何设置单个 bar 的高度?

我正在使用 Ant Design Charts 创建一个堆叠栏,但我希望它具有响应能力。当我删除数据项时,条形变得太粗而无法填充可用空间。所以基本上,我想要酒吧......

回答 2 投票 0

如何禁用从 @react-pdf/renderer 渲染的 pdf 中复制文本?

用于创建 pdf 的包:@react-pdf/renderer 我尝试过在 pdf 上设置一个不可见层,但它不起作用。我还使用 userSelect: None 将 PDFViewer 组件包装在 div 中

回答 1 投票 0

如何将 pluto_grid 中的过滤菜单配置设置为 antd Table

https://ant.design/components/table#table 我怎样才能在 pluto_grid 中实现这一点 第一张图片是我在 web 中使用 antd 所做的 我用 pluto_grid 在 flutter 中重新实现了这个表,如下所示......

回答 1 投票 0

忽略下拉渲染选择项中的输入项 - AntDesign

AntDesign 表单 我想使用带有自定义下拉渲染的“选择项目”来显示预加载的数据,如果不存在,您可以添加新项目。 问题出在提交表格上,

回答 1 投票 0

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