问题标签 [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 回答
7963 浏览

antd - 在蚂蚁设计表中使用反应组件

我想将 antd Icon、Progressbar、Tag 等 React 组件添加到 antd table

在此处输入图像描述

在线文档中,没有任何演示,这可能吗?

0 投票
2 回答
2402 浏览

reactjs - 如何将 Ant Design LocaleProvider 与 React-Boilerplate 一起使用

我们已经开始使用这个React-Boilerplate。此外,我们正在尝试集成 Ant Design,因为它的组件很棒。

从 Ant Design 的文档中,我创建了一个围绕 React-boilerplate 的 AppWrapper 的包装器,如下所示 -

它非常适合 antd 组件。

我想知道如何将它与 react-boilerplate 的 i18n 一起使用。或者,如果上述方法是这样做的正确方法?

0 投票
8 回答
26109 浏览

reactjs - react.js antd 带箭头的轮播

我正在考虑使用 antd Caroseul,但我还没有看到创建上一个/下一个或暂停按钮的示例。

0 投票
1 回答
476 浏览

javascript - 在 Ant.desing 和 React.js 中获取 Radio 的文本

我正在使用Ant Desing Radio和 react js 来创建单选按钮。我用地图功能创建了一个像这样的单选按钮:

同样在onChange={this.setActivityType}函数中我可以看到e.target.value它被传递,因为value={type.value}我还需要标签之间的名称<RadioButton>{type.name}但我在开发人员工具或 antd 文档中看不到任何属性?有谁知道如何访问此属性并将其保存到 onChange 状态?

0 投票
1 回答
293 浏览

antd - antd-mobile- 元素太大

我最近设置了一个create-react-appantd-mobile. 我不得不退出 CRA,并更改 webpack。我让它与 webpack 一起工作,使用babel-import-plugin. 我用了["import", { "libraryName": "antd-mobile", "style": "css" }]

但是,所有元素都非常大。它们与演示的大小不同。这在移动和网络上都有。

我在版本上,antd-mobile: 1.1.4-beta.1但同样发生在1.0.0

我的代码在这个仓库中:https ://github.com/yarnball/antd-mobile-create-react-app/

这是一个屏幕截图:

在此处输入图像描述

0 投票
1 回答
199 浏览

reactjs - antd module.exports = 出口['default']; 不管用

正如我正在使用的 antd 描述的那样babel-plugin-import,我在 webpack 配置中添加了以下 babel 加载器。

webpack.config

MyApp.js

错误是

包.json

0 投票
1 回答
2807 浏览

javascript - 将动作中的元数据发送到redux中的reducer

我有一个组件构建在Select来自Ant Design https://ant.design/components/select/的组件上

onSelect触发动作this.props.handleSelect

该行动进入reducer

最后,value_select被称为做所有的魔法

这让我想到了我的问题。是否可以进一步metadata发送action<SomeComponent.../>想象一下,我多次使用该组件。我不知道在触发action时触发了哪些渲染组件onSelect。如果我想value_select = function(state, action) {...稍后处理信息,我想知道是什么component导致了action正确处理我的数据。我需要动态设置XYZvalue_select()具体取决于<SomeComponent.../>导致action. action.payload只给我保存在value<SomeComponent.../>东西,仅此而已。有没有一种方法可以发送更多信息,onSelect或者这是一种不好的做法,无论如何我都需要一个actionfor each component <SomeComponent.../>

0 投票
1 回答
1181 浏览

reactjs - Ant-design TimePicker - “popupClassName”道具不起作用

我一直在使用 timepicker 并尝试自定义我可能需要向 popup 添加一个类的弹出窗口。我尝试使用“popupClassName”,但我没有看到该类名被添加到弹出窗口中。

请让我知道如何在 timepicker 弹出窗口中添加一个类。

0 投票
1 回答
1011 浏览

reactjs - 如何在 antd 自动完成组件中单击选项而不更改输入值

在自动完成中,当您单击该选项时,输入值会发生变化,但是我希望单击该选项时输入值不可变。我试图将值更改回 onSelect 回调。大多数情况下,输入值会先变为选项值,然后变为给定值,它工作,但不是那么顺利,有时它没有改变。这是代码

0 投票
1 回答
6850 浏览

reactjs - 在 Ant 设计表中使用输入

在我使用Ant 设计表的应用程序中,我的代码如下所示:

我希望当用户单击Edit整行表格时呈现为 a<Input type="text"/>而不是普通文本,因此用户可以编辑行数据,当用户单击它时还有一个自定义保存按钮调用一个函数(例如 save() ),但我没有不知道该怎么做。