antd相关内容
编译时总是显示错误,但我已从antd导入,不知道是什么问题。 这些是编译时显示的错误 Compiled with problems: ERROR in ./src/components/excelPage.js 130:85-95 export 'Popconfirm' (imported as 'Popconfirm') was not found in 'antd' (modu
..
升级 react、react-dom 和 nextjs 后出现此错误: 发生构建错误/home/lenovo/.../node_modules/antd/lib/style/index.css:7身体 {^ SyntaxError: Unexpected token {在 Module._compile (internal/modules/cjs/loader.js:720:22)
..
我需要你的帮助来解决这个问题. 我正在使用 Ant Design 表,但我被困在这里.我希望展开行图标应该在当前表的右侧(在给定的沙箱代码中删除旁边),当我们展开一行时,展开的内容会在左侧留下一个小空间,我想将其删除.即它的左边不应该有任何额外的空间.请帮帮我,伙计们. 沙盒代码:https://codesandbox.io/s/ancient-mountain-ft8m1?file=
..
我正在创建一个带有两个下拉菜单的栏.第二个下拉列表取决于第一个下拉列表中的选择.我有 3 个组件:1.下拉栏:包含FirstDropdown和Second Dropdown2. FirstDropdown3.第二个下拉 尝试将出现在 FirstDropdown 组件中的 State -> 练习作为道具传递给 SecondDropdown 组件.显然我没有正确地做到这一点.任何帮助将不胜感激.
..
在我的 react.js ant.design 项目中,我试图基于 2 个日期选择器实现表格范围过滤:开始日期和结束日期.我将它们插入过滤器下拉菜单中,但是当我点击 search 按钮时,我收到一个错误消息,指出 values.some 不是函数. 您可能会看到此处 的示例 目标是发送到后端以搜索 2 个日期的数组:开始日期和结束日期.我想它正在那里发送一个 moment.js 对象,它
..
我有一个完全混乱的组件.现在我传递了一个函数,我一直在尝试一百万件我无法让它工作的事情. export default class DatafileUpload extends Component {初始状态 = {文件上传:假,文件列表:[],状态: '空',//'空' |'活跃' |'成功' |'例外'文件: {}}状态 = this.initialState静态 propTypes = {
..
我想自定义antd Select.当用户点击 Select 时,antd Option 应该显示在 antd Select 之上,而不是显示在 Select 下方> antd 选择:https://ant.design/components/select/ 预期行为:1 实际行为:2 JSX import { FaPlane, FaWater } from "react-ic
..
如果字符串包含连续的五位数字,我想禁止:12345、11111、123456. 我已成功使用以下正则表达式禁止字符串中的任何数字: /^[^0-9]+$/ 我创建了一个沙盒演示.我想禁止五个连续的数字/数字.目前它不允许任何号码. 解决方案 匹配5个连续数字的正则表达式为\d{5}. 为了禁止这样的字符串(实际上,甚至更多的连续数字),在源字符串中的任何位置,应放置
..
我是 Ant Design 的初学者,在使用 Ant Design 库中的 Collapse 和 Form 时遇到了这个问题. 我已经设置了我的页面,其中添加新项目的表单位于折叠中,并且折叠下方有一个项目列表. 该项目已成功添加到折叠之外的列表中,但用户必须通过按下面板标题来关闭折叠.我希望当他们按下折叠内表单上的提交按钮时折
..
通常,当您打开模态时,蒙版,即模态背后的黑色背景会跨越整个屏幕.如果我想在某些 div 中呈现黑色对话框,我该如何实现,如下图所示?(红色 div 说)我正在使用 antd 模态. 在此处输入图片说明 解决方案 通常模态被挂载到文档主体.(这是 标记.)但是可以通过使用 getContainer 属性来更改此行为.请参阅文档. 下一个问题是模态(和遮罩——或“黑色背景")的位置
..
我已按照说明此处获取antd 与 CRA 配合得很好.但是在从 storybook 使用它时,我遇到了一个错误: 针对 mixin 构建失败并显示消息 Inline JavaScript is not启用.它是否在您的选项中设置? 我已经修复以下关于我在这里提出的问题的建议. 现在,storybook 理解 antd 但不能按需导入组件.babel 需要单独配置 storyboo
..
我在 Gatsby 站点中实现了一个 Ant 设计表.我正在从 graphql 中提取数据.到目前为止,一切都运行良好.数据显示正常,分页正常等 现在我想添加对列进行排序的功能.为此,我按如下方式设置表和列: a.node.title - b.node.title}sortDirections={["descend", "ascend"]}/> 现在,用于对列进行排序的图标确实出
..
我想用样式化组件包装我的 ant-design 组件,我知道这是可能的 (https://gist.github.com/samuelcastro/0ff7db4fd54ce2b80cd1c34a85b40c08)但是我在使用 TypeScript 时遇到了麻烦. 这是我目前所拥有的: import { Button as AntButton } from 'antd';从 'antd
..
我在项目中使用了一个样式化的 Collapse 元素,当折叠打开时,我似乎无法覆盖实际主体的背景颜色. 我通过使用样式化组件对其进行样式设置来创建自定义折叠.我瞄准了 Collapse.Panel 并设置了背景颜色,但没有任何改变. 我什至创建了一个 body 元素并将其放置在我的折叠元素内,围绕着我的其余元素并在其上设置背景颜色. 当背景颜色出现时,它在我的所有元素周围放置了一
..
我正在尝试构建一个 Antd 表,其中有两个主要列 District, Exam Details.在 Exam Details 列中我想要三列 性别详情 候选人总数 通过的候选人总数 如下图 我试过这个代码:codesandbox 解决方案 我已将列更改为有子项.它非常接近您想要实现的目标. const 列 = [{title: "区",数据索引:“状态名称",键:
..
我是 React 的新手,我尝试进行 JWT 身份验证,但是我发现的教程与我想要使用的新 antd 之间存在一些不兼容.如下图所示,我试图添加一个提供者,但我可能没有正确放置它你能帮我吗?这是我的登录页面: 从'react'导入React;import { Form, Icon, Input, Button, Spin } from 'antd';从'react-redux'导入{连接};从'r
..
从我的流星项目中卸载 antd 将构建时间平均减少 38-40 秒.分析器显示 plugin less 需要 >38s 来处理 antd 的巨大的 less 归档: VELOCITY_DEBUG=1 VELOCITY_DEBUG_MIRROR=1 METEOR_PROFILE=1 流星 |少 grep...|其他插件更少......................................
..
我在我的演示应用程序中使用 ant design.我想在我的应用程序中添加手机号码的动态验证. 在我的表单中有两个字段 选择字段 输入框 我想在mobile中select field时在输入字段中添加验证(手机号码应该是10位数字).换句话说,我想添加输入字段上的手机号码仅当用户从选择框中选择手机 https://ant.design/components/form/
..
我没有看到任何与此相关的文档,有人知道如何实现吗?我注意到 ant design 使用了 rc-tabs,所以我查看了他们的文档,但也没有注意到任何东西,我想也许我看起来不够努力.任何帮助表示赞赏. 解决方案 覆盖以下 .ant-tabs less 规则为我解决了这个问题: .ant-tabs {&-导航{显示:弹性;.ant-tabs-tab {弹性增长:1;边距右:0px;宽度:10
..
使用 Ant Design Table,我可以使用 rowClassName 属性将 className 传递给任意行: rowClassName={(record, index) =>索引 === 0 &&'headerClassName'} 有没有办法用标题来做到这一点? 解决方案 CSS 在表格样式方面似乎相当棘手,antd Table 是用常规 HTML 表格构建的(带
..