antd相关内容

来自动态数据的 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 其他开发

如何让 antd 使用通过 create-react-app 创建的应用程序?

我是 React 和 antd 的新手. 我使用 create-react-app 启动了一个新的 React 项目.我安装了 antd (ant.design). 我通过添加导入并将其添加到我的渲染中来尝试使用 DatePicker,修改 App.js 如下: import React, { Component } from 'react';从'./logo.svg'导入标志;导入 ..
发布时间:2021-11-11 03:31:48 其他开发

AntD - 如何为单个组件使用深色主题?

所以组件库有一个黑暗的主题. 我只想对单个组件使用深色样式,例如 Popover.其余所有 sd 保持默认. 有没有办法做到这一点? 解决方案 您可以使用较少的 reference import 功能为单个组件进行主题化.Sudo 代码类似于 @import(参考)“@ant-design/dark-theme".my-popover {&:extend(@popover-prefi ..
发布时间:2021-11-11 03:31:45 其他开发

如何在reactjs中使用antd多个复选框?

我正在使用 antd 复选框.我正在使用 value 数组存储检查值,但我需要存储 unchecked 值数组. const plainOptions = ["Apple", "Pear", "Orange"];const defaultCheckedList = ["Apple", "Orange"];状态 = {已检查列表:默认检查列表};onChange = 选中列表 =>{this.s ..
发布时间:2021-11-11 03:31:42 其他开发

重置 Radio.Group 值 onSubmit 点击 antd 库

我正在使用 ant-design 库.有 useForm() 钩子来重置值. 所有值都被重置为原始值,但不是 Radio.Group. 如何将我的单选按钮状态从 State 重置为 priority 值? const [priority, setPriority] = useState(2);const [form] = Form.useForm();const onSubmit ..
发布时间:2021-11-11 03:31:39 其他开发

Antd 库:尝试渲染图像时如何处理?

尝试渲染图像时如何处理?我在下面尝试,但没有显示图像. const 列 = [{title: '图像',dataIndex: 'notificationImage.url',键:'notificationImage.url',渲染:(记录)=>//console.log(text, record &&record.notificationImage &&record.notificationIm ..
发布时间:2021-11-11 03:31:36 其他开发

多个客户不同的 ID

这里是React初学者,英文不是我的母语所以很抱歉有错误,这里我有一个输入,按钮和下拉(选择选项),'value'代表id,'text'代表客户,这里我有问题,当用户点击客户“james"(我有两个)时,它会选择他们两个,如何更正它应该选择被点击的那个?如果我没有同名的用户,则一切正常,我的代码: import React, { useState } from "react";从“react-d ..
发布时间:2021-11-11 03:31:33 其他开发

在 React ant 设计中应用类型

我正在使用来自 antd 设计的表格.而且,我想输入在 Table 组件中作为参数传递的 onChange 函数. const 变化 = (分页:TablePaginationConfig,过滤器:记录,排序器:SorterResult|SorterResult[]) =>{};ReactDOM.render( ..
发布时间:2021-11-11 03:31:30 其他开发

React Ant 表自定义列计算.如何获取每行中其他项目的长度

我制作了一个应用程序,我输出每个帖子的问题长度,但我得到的每个帖子的结果等于:310. 可能是因为渲染太多. 如何解决这个问题并获得每个帖子的实际问题长度? 链接到我的应用程序:https://codesandbox.io/s/basic-usage-ant-design-demo-4tl5h 解决方案 修正错误编号:不推送,改用render的回调事件 Ant Tabl ..
发布时间:2021-11-11 03:31:28 其他开发

React 和 antd:路由器不会重新渲染组件

我有一个带有登录和搜索页面的简单网页.我在顶部还有一个导航栏,可以在两者之间切换.基本的 App.js 如下所示: const history = createBrowserHistory();功能应用(){返回 ();}导出默认应用程序; 现在,BaseRouter 和 Custom ..
发布时间:2021-11-11 03:31:25 其他开发

导入错误:“图标"未从“antd"导出

我已经创建了一个 React 应用程序并且我正在使用 Ant-Design (antd),在我的一个项目文件中,我想使用该标签,但我不能.显然这是ANT V4上的问题. 我正在使用以下导入语句; import { Icon } from 'antd', 并收到以下错误: 尝试导入错误:“图标"未从“antd"导出. 是否有在 v4 中使用此标签的解决方案? 我知道我们可以导入每 ..
发布时间:2021-11-11 03:31:22 其他开发

在 Ant Design 库中编辑 Transfer 的 header 组件

在ant design免费版中使用传输组件,试图改变表格的标题文本 怎么做? 它的 AntDesign 文档非常糟糕,没有提及它,我不想相信它不存在, 演示沙盒链接;https://codesandbox.io/s/7uc1g?file=/index.js 解决方案 您可以使用 title 和 selectAllLabels 属性来编辑标题.这两个属性都接受数组.(如果仍 ..
发布时间:2021-11-11 03:31:19 其他开发

Ant 设计按钮颜色更新

我正在尝试更新 ant design radio 在我的 REACT 应用程序中的这个链接中提到. 我尝试使用此帖子中的建议 更新颜色. 但是我的颜色没有更新.我不确定我在这里做错了什么. 另外,它是一个 REACT 项目,我的 package.json 有一个对 “antd"的依赖:“^4.5.0"并且 antd.css 的导入存在于 app.tsx 中,就像这样 //全局样 ..
发布时间:2021-11-11 03:31:16 其他开发

Ant Design for React:显示/隐藏特定列

我需要一些帮助,在 Ant Design 表中,我需要根据状态值隐藏/显示表的特定列.在给定的沙箱链接中,我需要在开关关闭时隐藏姓氏列,并在开关打开时显示. 请某人调查一下并帮助我. 参考:https://codesandbox.io/s/Purple-sun-1rtz1?file=/index.js 解决方案 有一个工作代码,但应该根据您的需要进行更多的定制、交互和重构: ..
发布时间:2021-11-11 03:31:10 其他开发