antd相关内容

使用表数据自定义 React Antd 表头

在我的React项目中，需要自定义antd表头如下 我在下面添加了示例代码. 我需要在金额列的标题中有金额的总和 示例代码: https://codesandbox.io/embed/great-sun-534cd 解决方案 你可以像这样使用 title 函数来获取金额字段的总数 const 列 = [{标题:() =>{无功总计 = 0;for(var i=0; ..
发布时间：2021-11-11 03:24:31 前端开发

如何在蚂蚁设计中更改单选按钮颜色?

我正在使用 antd 收音机和复选框.我想给他们自定义颜色.我找到了有关复选框的答案，但找不到更改单选按钮颜色的方法. 有什么办法吗? 解决方案 您可以通过覆盖以下 css 类来实现: .ant-radio-checked .ant-radio-inner{边框颜色:红色！重要；}.ant-radio-checked .ant-radio-inner:after{背景颜色:红色；} ..
发布时间：2021-11-11 03:24:28 其他开发

在 Transfer 组件的两边都有一个树结构

我正在使用 antd 的 Transfer 组件.使用文档中给出的示例，我能够创建一个类似于以下内容的树传输盒: 有没有办法在右侧也有一个树结构?目前，当我在 0-1 下选择 0-1-0 时，它在右侧显示为平的. 沙盒示例中也给出了代码，如下所示: 从'react'导入React；从 'react-dom' 导入 ReactDOM；导入 'antd/dist/antd.css';导入 ..
发布时间：2021-11-11 03:24:25 前端开发

在 formik 和 formik-antd 中使用 react-input-mask

我正在使用 formik 和 @jbuschke/formik-antd.我需要将掩码 +7 (___) ___-__-__ 应用于输入，所以我想使用 react-input-mask. 同时我需要解析值并删除除+和数字之外的符号，所以我自己处理onChange和setFieldValue.我可以在控制台日志中获取 changedValue，但在提交时我得到的是初始值，而不是更改后的值. ..
发布时间：2021-11-11 03:24:22 其他开发

如何使用 Ant Design 创建问卷类型的表单?

Ant Design 提供了一个动态表单项，通过使用它，我可以添加和删除多个字段.但现在我想在其中进行嵌套，即我想创建一个类似于表单的问卷，我想在其中添加多个问题及其各自的答案. 目前，当我添加问题时，它的工作正常，但是当我添加一个问题的答案时，它也会添加到所有问题中. 添加和删除问题和答案的功能如下: remove = k =>{const { form } = this.prop ..
发布时间：2021-11-11 03:24:19 其他开发

如何在 React 项目中一起使用 Antdesign 和 tailwindcss

我要建立一个新项目，想把这两个包放在一起但不确定，所以问题是使用 Tailwindcss 和 antdesign 是一个好习惯吗? 有人有经验吗? 每个包都有自己的主题管理器，例如适用于所有颜色、排版、暗模式等.您如何管理主题，使用顺风或 antd 或两者兼而有之?为什么? 这两个软件包都具有 Grid 功能，您更喜欢哪一个? 让我们谈谈您的见解? 经过一番研究，我发 ..
发布时间：2021-11-11 03:24:16 前端开发

Storybook 不理解按需导入 antd 组件

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

扩展 React 类时覆盖单个(嵌套)属性

我对 React.js 比较陌生，我相信我理解了主要概念，并且我正在努力寻找有关如何覆盖我声明的类的单个属性的文档. 在我的一个组件中，我根据 Ant Design 中的类定义了一个新类 MyColumn.架构(继承而不是组合)已经由其他人完成，我无法更改. import { Table } from "antd";const { 列} = 表；//...类 MyColumn 扩展了 Co ..
发布时间：2021-11-11 03:24:11 其他开发

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

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

在 Antd 表的列标题中配置自动换行

我已经花了太多时间在官方Antd中搜索如何配置Antd表的列标题table docu 和其他地方，但我没有成功:是否有一种简单的方法可以调整列标题的自动换行? 现在，如果列太小(例如在调整浏览器窗口大小时)，字母会以不受控制的方式浮动到新行中.英语连字会很酷，但首先我希望有 2 或 3 个 省略号 点代替自由删除字符. 请有任何可以帮助我的 Antd 专家吗? 最小的非工作示例 ..
发布时间：2021-11-11 03:24:05 其他开发

如何以编程方式清除和选择项目

我正在使用 https://ant.design/components/select/ 如何以编程方式从 中删除所选项目? 注意: 不是字符串值，而是一个节点. 解决方案 如果您使用的是 React Hooks，请使用以下内容: import React, { useState } from 'react'导入 { 按钮，从 'antd' 中选择 }const { 选项 } = ..
发布时间：2021-11-11 03:24:02 其他开发

用于非原生移动 Web 开发的 Ant Design antd 与 antd-mobile

阅读 Ant Design 时，我对使用哪个库进行移动 Web 开发感到困惑.有两个库，antd 和 antd-mobile.虽然很明显 antd-mobile 支持 iOS 和 Android 上的 react-native，但尚不清楚哪一种最适合纯移动(非原生/SPA)Web 开发. 阅读 antd 介绍，您会看到诸如“专门为内部桌面应用程序创建的 Ant Design，..."之类的陈 ..
发布时间：2021-11-11 03:23:59 其他开发

蚂蚁设计 - 大量进口

我正在为我的 React 应用程序使用 ant 设计库. 而且我遇到了大量的导入，这损害了我的包(由于 ant-design lib，目前在缩小版本中只有 1.1 mb). 如何通过我的所有应用以不同方式导入 antd 组件? 更新: 似乎 antd 有一些巨大的或未优化的模块.这里的事情 - 唯一的区别是导入 Datepicker 模块，和..繁荣！+ 将近 2MB(在开 ..
发布时间：2021-11-11 03:23:53 其他开发

如何使用 Antd/Less 和 Sass/CSS 模块配置 Next.js

我想将 Next.js 与 Sass 和 CSS 模块一起使用，但也想使用 Ant Design 并希望使用 Less 样式来实现更小的建筑尺寸. 我可以启用 CSS 模块或 Less 加载程序，但不能同时启用.Next.js 中的示例并没有帮助我解决这个问题. 解决方案 经过几个小时的研究，我现在终于找到了正确的解决方案，并想分享它: .babelrc(这里没有魔法) {“ ..
发布时间：2021-11-11 03:23:50 其他开发

如何在 react.js 中选中多个复选框?

我正在使用 react antd .我有 groupKey 的对象数组.我正在使用 Groupkey 映射复选框，并且我有两种不同类型的复选框.一种是全选复选框.当用户单击“全选"或“用户选择所有个人"复选框时，它实际上有效.另一个是单独的复选框，用户可以单独选择.当用户在 Button 上提交时，它会给我这个数据格式 ["manage_books","manage_journals","mana ..
发布时间：2021-11-11 03:23:47 前端开发

如何选择多个复选框reactjs?

我正在使用反应 antd.这段代码运行良好，但我想替换 .现在，我只是在 内传递 plainOptions 数组而没有循环，但现在我想通过使用 plainOptions 数组来循环单个 . 例如:plainOptions.map(item=> ..
发布时间：2021-11-11 03:23:44 前端开发

Ant 设计页面重新加载 css 渲染延迟

我将我的 React TypeScript 项目用于 ant-design，我有当我重新加载页面时出现了一些问题，css 加载延迟，这是什么原因? 我将我的 main.css 导入到 @import './../node_modules/antd/dist/antd.css'; 解决方案 其实是基于和Design Doc 关于开始，你可以使用 babel plugin 来自动加载使用像 ..
发布时间：2021-11-11 03:23:41 其他开发