问题标签 [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 投票
1 回答
592 浏览

javascript - 如何在 ReactJS 中使用加载图标更改步数

我正在用 reactjs 开发项目,目前我正在使用Ant-design向导表单。我将分享 ant-design 链接。当用户单击下一步时,我想使用加载图标更改步骤编号。当前步骤编号(例如 1)更改为加载并继续下一步。我是初学者,你能帮帮我吗?

Ant-Design 链接: Ant-design

0 投票
0 回答
119 浏览

javascript - 当用户在 ReactJS 中单击删除时如何删除视频预览

我正在使用 reactjs 进行项目,目前我正在使用ant-design表单来选择视频,当用户单击视频然后将视频显示到下方时,我实现了一些逻辑,但是当用户单击删除按钮并选择另一个时,预览视频不会被删除删除按钮。我将分享我的代码,请查看它并请帮助我

谢谢

代码

0 投票
1 回答
1499 浏览

javascript - Reactjs:单击时如何更改按钮样式

我是 ReactJS 的新手,目前我正在使用ant.design我的界面,并且ant.design我正在使用Switch Steps for Wizard 表单。单击时我想更改下一个按钮的样式。我是这个平台的新手,请指导我

谢谢

0 投票
0 回答
7929 浏览

javascript - Ant Design:默认值为组件未按预期工作

我正在创建一个详细信息页面,我想在其中显示可编辑的截止日期,为此,我正在使用<DatePicker>. Ant Design问题是当我设置defaultValue={moment(deadline)}它不显示日期deadline变量正在保存时,而是显示当前日期。

我不知道我在哪里做错了请帮助我找出它...

更新

当我控制,的值时deadline,所有的都按预期返回数据。typeof deadlinemoment(deadline).toString()

当我使用value={moment(deadline)}代替时defaultValue={moment(deadline)},它也可以正常工作。一件有趣的事情,当我将日期字符串而不是deadline变量传递给 时defaultValue,它工作顺利。

0 投票
0 回答
499 浏览

javascript - 使用路由方法在 Ant D pro Reactjs 中单击菜单项侧边栏组件时动态映射 HTML 页面

这是我的一段代码,用于从传入的 JSONResponse 动态填充侧边栏组件中的菜单。

我被困在如何将菜单项链接到其路由和路径存在于 Routes.js 中的单个 HTML 页面上。

0 投票
2 回答
554 浏览

javascript - 如何从 reactJS 中的另一个文件导入 2,3 对象

我是 ReactJS 的初学者,目前我正在使用styled-component一些模块的样式。实际上我在一个文件夹中创建了 2 个文件。一个是style.js我正在制作 2,3 对象的地方,现在我想将这 3 个对象导出到我的另一个文件,该文件的名称是2nd.js,但它对我不起作用,请你帮我如何将style.js对象导入到我的文件中。

Style.js 代码

2nd.js 代码

0 投票
6 回答
53301 浏览

reactjs - 用ant-design在react js中提交后清除表单输入字段值

我使用 react 创建了一个注册页面。在那里,我使用了以下注册表单。https://ant.design/components/form。所有验证均已正确处理,成功尝试后用户可以注册到系统。我遇到的唯一问题是,提交后无法清除表单输入字段值。

我已经实现了一种将表单字段值清除为空的方法。但它不起作用。而且我在stackoverflow中尝试了以前的类似问题,但仍然无法为我找到一个可行的问题。原因可能是因为我使用的是 ant 设计模板。

上面的代码是清除输入值。但它不起作用,所有表单输入字段值仍然保存。下面是注册表单代码的一部分。

我可能在哪里出错,我该如何解决?

0 投票
2 回答
12305 浏览

reactjs - 如何使用 Antd 在网页/浏览器中居中登录表单?

电流输出: 登录表单

上面的登录表单需要在网页中居中,我尝试使用 antd 样式元素但失败了。它将使用 css 内联样式,但我不想这样。

0 投票
1 回答
6795 浏览

reactjs - 在表单提交后使用 ant design 在 react 中设置表单文本字段值

提交后我需要更改表单文本字段的值。我使用https://ant.design/components/form/ ant design 创建表单。

我在表单 onSubmit 方法中尝试了以下代码。

这里的 count 是 getFieldDecorator 的 id。但是当我检查如下时,计数字段值不会更改为 pasId 变量的值。

console.log(values.count);

那么在表单值提交到数据库后我可能会出错的地方以及如何设置表单字段值?

0 投票
2 回答
3640 浏览

javascript - WrappedComponentRef 未定义 - React Ant 设计,表单组件

我正在使用 Ant 设计 - 带有 React 的表单和模态组件。

表单包装组件:

我在同一个文件中的另一个组件中调用这个组件(这就是我不导出表单组件的原因)Modal,我正在使用wrappedComponentRef

问题是在构造函数中 refthis.form是未定义的,但是如果模式打开并且单击 OK 按钮 - onOk={this.insert} ref 不是未定义的。