问题标签 [antd]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1656 浏览

javascript - 在 React 应用程序中使用 antdesign 创建不同的图表(尤其是 pi 图表)?

在我的第一个 react 应用程序中,我使用ant.design作为前端库。现在我需要在我的应用程序中创建不同类型的图表,尤其是饼图。所以我探索了ant.design的组件,但在这方面没有得到任何好的选择。

是否可以使用任何 antdesign 组件创建图表/图形,尤其是饼图?如果不是,那么在这方面最适合的解决方案是什么?

0 投票
1 回答
5318 浏览

antd - 是否可以在不关闭 Popover 的情况下在 Popover 内使用 Dropdown?

我正在尝试在弹出框内使用下拉菜单,但每次弹出框都会关闭。我尝试在状态上使用不同的可见属性,但仍然相同。

这不起作用我错过了什么吗?

0 投票
3 回答
3126 浏览

javascript - 为什么我在antd中的Icon标签不显示

这个问题困扰了我很久,在我自己的项目中,每次想用antd的Icon,都不行。不知道怎么回事,知道的请告诉我,不胜感激。

0 投票
1 回答
514 浏览

antd - 带复选框的树选择 - 输入栏的固定大小

有什么方法可以使输入固定或使树显示为下拉菜单。我在组件中尝试了这个,风格但没有做任何事情。

0 投票
2 回答
4992 浏览

reactjs - 如何修复 TabPanes 的宽度?

我在 React 中使用以下 ant 设计组合:

将自定义 CSS 放在 React 中的 TabPane 元素上的最简单方法是什么?我想修复它们的宽度,但甚至不能将自定义 className 放在 TabPane 上,因为它一旦到达 DOM 就会丢失。甚至不能包装<TabPane>成 a <div>as<Tabs>只接受<TabPane>s 作为孩子。

谢谢。

0 投票
1 回答
166 浏览

antd - [antd]dva或roadhog中如何将webpack-dev-server http改为https

我想知道如何在roadhog中配置https

0 投票
1 回答
1663 浏览

javascript - ant-design-mobile 可以与 create-react-native-app 一起使用吗?

我需要 从create-react-native-app生成的项目中添加{"plugins": [["import", { "libraryName": "antd-mobile" }]]},以使ant-design-mobile在 react native 中工作。.babelrc

我已经使用create-react-native-app开始了一个新项目。将 .babelrc 更改为:

班级:

但是,我仍然在开始时收到此错误:

谁能指出我的解决方案?

0 投票
2 回答
12705 浏览

babeljs - 如何使用 .babelrc 让 babel-plugin-import 为 antd 工作?

我是react,babel和antd的新手。

我安装了 react 并使用 create-react-app 启动了一个项目。我安装了 antd (ant.design)。它建议使用 babel-plugin-import,所以我也安装了它。

如果我解释正确,babel-plugin-import 的使用文档说把它放在一个 .babelrc 文件中:

我很难让它工作。我的网络控制台仍然有警告:

您正在使用一整包的 antd,请使用 https://www.npmjs.com/package/babel-plugin-import来减少 app bundle 的大小。

我的项目目录中没有 .babelrc 文件,所以我创建了一个包含上述内容的文件并重新启动了我的服务器(npm start)。那没有用,所以我在 myProject/node_modules/babel_plugin_import 中创建了一个,但这也不起作用。

该代码片段应该去哪里?

https://github.com/ant-design/babel-plugin-import的底部它说

如果你在 webpack config vender 中添加库,babel-plugin-import 将不起作用。

但我不知道那是什么意思。

我在这里问了另一个问题:如何让 antd 使用通过 create-react-app 创建的应用程序? 也许这个问题与我通过 create-react-app 创建的项目有关?

0 投票
1 回答
806 浏览

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

我是新来的反应和antd。

我使用 create-react-app 开始了一个新的 react 项目。我安装了 antd (ant.design)。

我通过添加一个导入并将其添加到我的渲染中来试用 DatePicker,修改 App.js 如下:

在 Chrome 中它似乎可以工作,虽然样式很奇怪。在 IE11 中,由于调用了 startsWith 函数(在 IE11 中不支持 startsWith),它不会加载。但是,ant.design 网站上的 DatePicker 演示在 IE11 中运行。

似乎我以某种方式缺少一些 polyfills / 旧浏览器支持。如果我尝试进行生产构建并提供服务,它也会出现同样的错误。

需要做什么才能让 antd 在 IE11 等浏览器上运行通过 create-react-app 创建的应用程序?

0 投票
1 回答
2970 浏览

javascript - 可排序和可编辑的 Ant Design Table

我正在尝试创建一个可排序和可编辑的 Ant.Design 表。Ant.Design 文档显示了两者的示例代码(此处此处)。我试图将它们组合在一个最小的代码存储库中:https ://github.com/Silox/Ant-Design--EditableSortableTable 。

主要问题是表格在编辑值时重新排序,我还没有找到防止这种情况的方法。我正在寻找的行为是,当用户编辑单元格时,排序被“搁置”,当用户完成编辑时,表格被重新使用。有人有什么想法来完成这个吗?