问题标签 [ant-design-pro]

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 投票
2 回答
725 浏览

javascript - 如何在 Ant Design Pro 中启用代码拆分?

在 gzip 之前,Ant Design Pro 包会变得相当大。我的简单捆绑包高达 3.9MB。我们如何使用 Ant Design Pro 启用代码拆分。我似乎在 V4 Ant Design Pro 的文档中找不到它。

0 投票
1 回答
15771 浏览

reactjs - 如何为 Form.Item 验证动态设置所需的规则

我有一个可以检查或不检查的参数列表。其对应字段根据复选框状态启用/禁用。因此,如果选中参数,我想启用和验证字段,并在未选中复选框时禁用字段并关闭验证规则。但是在切换复选框时我无法切换required规则。false

如您所见,该registrations参数未选中,但该字段仍有验证..

以下是我的做法:

attributes是存储在组件状态中的参数数组。复选框处理程序只是切换到相反的isActive属性

你能帮忙吗?感谢

0 投票
1 回答
4846 浏览

css - 我可以在 ant design 的表中设置一个类名吗?

我正在尝试在 Ant Desing 的“table”类型的组件中建立一个新类,就像我对任何其他组件(例如字母或布局)所做的那样,问题是当我在元素中添加“className”时of a table, table 它不采用任何样式,有人知道我如何向 ant 设计表添加额外的自定义类...

这是我试图做的,但我没有得到任何结果添加一个新类

0 投票
1 回答
1048 浏览

reactjs - Ant-Design React-Native 搜索栏取消按钮在按下时无法隐藏

我试图让搜索栏右侧的取消按钮在按下时隐藏。我尝试使用 showCancelButton 道具,但它不起作用。Ant-Design React-Native 文档链接 取消按钮不起作用

这是问题重现 repo 的链接https://github.com/kvnlee777/antd-rn-issue

反应原生版本 0.61.4

ios模拟器版本12.4

0 投票
1 回答
128 浏览

reactjs - Ant-Design和Ant-Design-Pro中PageHeader的区别

Ant Design 和 Ant Design Pro 的参数有何不同?

我为 Pro 编写了代码,但想使用tags似乎不兼容的参数。我很难在 Pro 上找到好的文档。

0 投票
2 回答
6238 浏览

reactjs - 如何使用 Ant Design 将输入数字限制为最多两位小数?

例如53.2320.15但不超过 2 个小数。想知道是否有针对此的 Ant Design API。

0 投票
1 回答
1243 浏览

javascript - Ant Design 中的弹出框

是否有可能让弹出框在 Ant Design 中的某个步骤上工作?

我正在尝试使用这个:

不会生成错误并且页面会呈现,但悬停时无法显示弹出框。

0 投票
1 回答
3315 浏览

javascript - React Antd 动态下拉菜单

我正在使用带有 JSON 的 Antd 下拉菜单组件,我想创建一个根据我的 JSON 更改的动态菜单(我正在使用 express 获取)

到目前为止我有

但这似乎不起作用,任何帮助都会很棒!

0 投票
2 回答
2449 浏览

javascript - 如何使用 reactjs 在表单中添加动态验证

ant design在我的演示应用程序中使用。我想dynamic validation在我的应用程序中添加手机号码。

在我的表格中有两个字段

  1. 选择字段
  2. 输入字段

我想在输入字段中添加验证select fieldmobile手机号码应为 10 位数字)。换句话说,我只想在用户 从选择框中选择时在输入字段上添加手机号码验证mobile

https://ant.design/components/form/

这是我的代码 https://codesandbox.io/s/holy-voice-o4wbj

我们可以添加这个验证吗?

0 投票
2 回答
86 浏览

reactjs - 如何在 React 中渲染组件而不将其放入 render() 方法中?

我在我的应用程序中使用 Ant Design (antd),它有一个名为Modal的组件。这个 Modal 是按照 React 的标准流程呈现的,即在你的方法上声明一个<Modal/>组件。render()

如果您查看 Modal 文档,您会看到有一个Modal.method()也呈现组件,但不必在 上声明此组件render(),就像使用标准<Modal/>组件完成的那样。

我的问题是:如何实现我自己的自定义Modal.method()组件(例如Modal.login()),它有自己的逻辑、自己的状态、自己的渲染等,当用户通过单击确定完成使用组件时,它只在回调函数中返回一个值,或执行任何其他操作?该组件将像这样使用Modal.method(),即阻止其他组件的使用,直到它完成其流程并返回一个值。

这是 codepen.io 上的一个工作示例我想了解如果组件不是在任何方法的任何位置声明Modal.confirm()的组件如何呈现的逻辑。<Component/>render()