antd相关内容

将 expandIcon 图标向右移动并从扩展表中移除空白区域 Ant Design reatc js

我需要你的帮助来解决这个问题. 我正在使用 Ant Design 表,但我被困在这里.我希望展开行图标应该在当前表的右侧(在给定的沙箱代码中删除旁边),当我们展开一行时,展开的内容会在左侧留下一个小空间,我想将其删除.即它的左边不应该有任何额外的空间.请帮帮我,伙计们. 沙盒代码:https://codesandbox.io/s/ancient-mountain-ft8m1?file= ..
发布时间:2021-11-28 18:04:39 其他开发

React - 如何通过将状态作为道具传递,基于从另一个下拉列表中的选择来填充一个下拉列表

我正在创建一个带有两个下拉菜单的栏.第二个下拉列表取决于第一个下拉列表中的选择.我有 3 个组件:1.下拉栏:包含FirstDropdown和Second Dropdown2. FirstDropdown3.第二个下拉 尝试将出现在 FirstDropdown 组件中的 State -> 练习作为道具传递给 SecondDropdown 组件.显然我没有正确地做到这一点.任何帮助将不胜感激. ..
发布时间:2021-11-28 18:04:20 前端开发

react.js ant 设计范围过滤器带有开始和结束日期错误

在我的 react.js ant.design 项目中,我试图基于 2 个日期选择器实现表格范围过滤:开始日期和结束日期.我将它们插入过滤器下拉菜单中,但是当我点击 search 按钮时,我收到一个错误消息,指出 values.some 不是函数. 您可能会看到此处 的示例 目标是发送到后端以搜索 2 个日期的数组:开始日期和结束日期.我想它正在那里发送一个 moment.js 对象,它 ..
发布时间:2021-11-28 18:04:06 前端开发

应如何在 Ant Design Upload 组件中设置 customRequest 以使用 XMLHttpRequest?

我有一个完全混乱的组件.现在我传递了一个函数,我一直在尝试一百万件我无法让它工作的事情. export default class DatafileUpload extends Component {初始状态 = {文件上传:假,文件列表:[],状态: '空',//'空' |'活跃' |'成功' |'例外'文件: {}}状态 = this.initialState静态 propTypes = { ..
发布时间:2021-11-28 18:03:59 前端开发

如何使用正则表达式禁止连续的五位数及更多位数?

如果字符串包含连续的五位数字,我想禁止:12345、11111、123456. 我已成功使用以下正则表达式禁止字符串中的任何数字: /^[^0-9]+$/ 我创建了一个沙盒演示.我想禁止五个连续的数字/数字.目前它不允许任何号码. 解决方案 匹配5个连续数字的正则表达式为\d{5}. 为了禁止这样的字符串(实际上,甚至更多的连续数字),在源字符串中的任何位置,应放置 ..
发布时间:2021-11-28 18:03:37 前端开发

Ant Design Collapse - 关闭按钮

我是 Ant Design 的初学者,在使用 Ant Design 库中的 Collapse 和 Form 时遇到了这个问题. 我已经设置了我的页面,其中添加新项目的表单位于折叠中,并且折叠下方有一个项目列表. 该项目已成功添加到折叠之外的列表中,但用户必须通过按下面板标题来关闭折叠.我希望当他们按下折叠内表单上的提交按钮时折 ..
发布时间:2021-11-28 18:03:30 前端开发

在某些 div 中显示 antd 模态掩码

通常,当您打开模态时,蒙版,即模态背后的黑色背景会跨越整个屏幕.如果我想在某些 div 中呈现黑色对话框,我该如何实现,如下图所示?(红色 div 说)我正在使用 antd 模态. 在此处输入图片说明 解决方案 通常模态被挂载到文档主体.(这是 标记.)但是可以通过使用 getContainer 属性来更改此行为.请参阅文档. 下一个问题是模态(和遮罩——或“黑色背景")的位置 ..
发布时间:2021-11-28 18:03:17 前端开发

Storybook 不懂按需导入 antd 组件

我已按照说明此处获取antd 与 CRA 配合得很好.但是在从 storybook 使用它时,我遇到了一个错误: 针对 mixin 构建失败并显示消息 Inline JavaScript is not启用.它是否在您的选项中设置? 我已经修复以下关于我在这里提出的问题的建议. 现在,storybook 理解 antd 但不能按需导入组件.babel 需要单独配置 storyboo ..
发布时间:2021-11-28 18:03:07 其他开发

无法对 Gatsby 站点的 Ant Design Table 中的列进行排序

我在 Gatsby 站点中实现了一个 Ant 设计表.我正在从 graphql 中提取数据.到目前为止,一切都运行良好.数据显示正常,分页正常等 现在我想添加对列进行排序的功能.为此,我按如下方式设置表和列: a.node.title - b.node.title}sortDirections={["descend", "ascend"]}/> 现在,用于对列进行排序的图标确实出 ..
发布时间:2021-11-28 18:02:56 前端开发

Antd:需要改变折叠体的背景颜色

我在项目中使用了一个样式化的 Collapse 元素,当折叠打开时,我似乎无法覆盖实际主体的背景颜色. 我通过使用样式化组件对其进行样式设置来创建自定义折叠.我瞄准了 Collapse.Panel 并设置了背景颜色,但没有任何改变. 我什至创建了一个 body 元素并将其放置在我的折叠元素内,围绕着我的其余元素并在其上设置背景颜色. 当背景颜色出现时,它在我的所有元素周围放置了一 ..
发布时间:2021-11-28 18:02:37 前端开发

来自动态数据的 Antd 表分组数据

我正在尝试构建一个 Antd 表,其中有两个主要列 District, Exam Details.在 Exam Details 列中我想要三列 性别详情 候选人总数 通过的候选人总数 如下图 我试过这个代码:codesandbox 解决方案 我已将列更改为有子项.它非常接近您想要实现的目标. const 列 = [{title: "区",数据索引:“状态名称",键: ..
发布时间:2021-11-11 03:32:06 其他开发

我应该把提供者 redux 放在哪里?

我是 React 的新手,我尝试进行 JWT 身份验证,但是我发现的教程与我想要使用的新 antd 之间存在一些不兼容.如下图所示,我试图添加一个提供者,但我可能没有正确放置它你能帮我吗?这是我的登录页面: 从'react'导入React;import { Form, Icon, Input, Button, Spin } from 'antd';从'react-redux'导入{连接};从'r ..
发布时间:2021-11-11 03:32:03 前端开发

如何使用reactjs在表单中添加动态验证

我在我的演示应用程序中使用 ant design.我想在我的应用程序中添加手机号码的动态验证. 在我的表单中有两个字段 选择字段 输入框 我想在mobile中select field时在输入字段中添加验证(手机号码应该是10位数字).换句话说,我想添加输入字段上的手机号码仅当用户从选择框中选择手机 https://ant.design/components/form/ ..
发布时间:2021-11-11 03:31:57 前端开发

如何在整个标签栏上均匀地间隔标签

我没有看到任何与此相关的文档,有人知道如何实现吗?我注意到 ant design 使用了 rc-tabs,所以我查看了他们的文档,但也没有注意到任何东西,我想也许我看起来不够努力.任何帮助表示赞赏. 解决方案 覆盖以下 .ant-tabs less 规则为我解决了这个问题: .ant-tabs {&-导航{显示:弹性;.ant-tabs-tab {弹性增长:1;边距右:0px;宽度:10 ..
发布时间:2021-11-11 03:31:54 其他开发

如何在 antd/Ant Design 中将 className 传递给表的标题?

使用 Ant Design Table,我可以使用 rowClassName 属性将 className 传递给任意行: rowClassName={(record, index) =>索引 === 0 &&'headerClassName'} 有没有办法用标题来做到这一点? 解决方案 CSS 在表格样式方面似乎相当棘手,antd Table 是用常规 HTML 表格构建的(带 ..
发布时间:2021-11-11 03:31:51 其他开发