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

antd - 我可以在 roadhog 的“代理”道具中使用“路由器”吗?

当我配置我的 .roadhogrc 时,roadhog 的文档说我可以将“代理”属性设置为与webpack-dev-server#proxy相同。

我添加了一个“路由器”道具,然后由于“index.css”超时,我的页面无法加载。

那么,如何在 .roadhogrc 中使用“代理”?或者有什么方法可以改变 api 来测试 localhost 中的环境?

我找不到“dva”或“roadhog”标签,很抱歉使用“antd”标签。

0 投票
1 回答
3213 浏览

reactjs - React(对组件的引用):无法将“ref”与“条件渲染”一起使用

我是新来的反应。我无法弄清楚如何使这项工作。

这 [参考组件]

给我错误

与组件一起返回时

在某些条件下在此函数内

当我直接使用它[没有任何条件渲染,即直接在 render() 内部]时,它只会运行而没有任何错误。我假设有一些这个范围错误,但我不知道如何解决这个问题。我认为render(return(//here))内部的这个范围和function(){return(//here)}内部的这个范围是不同的。

当我尝试以下面的方式使用它时,它没有给出任何错误,但是在每次更改输入时,我的输入焦点都消失了。但是当在里面使用它时,render(return(//directly here with component))它工作得非常好。

我不清楚 ref 实际需要什么。我阅读了文档,但我不知道如何在这种情况下使用它。我使用 antd 作为组件库,我认为这与此错误无关。

我希望我已经正确地提出了我的问题。这个你能帮我吗。

下面是我正在运行的整个代码。

0 投票
4 回答
2383 浏览

webpack - Antd 语言环境未定义

我正在尝试在我的应用程序中添加一个 LocaleProvider 以将 antd 组件以英文(而不是默认的中文)。我按照https://ant.design/components/locale-provider/的以下说明进行操作:

然而这不起作用:enUSis undefined. 我已经在我的 webpack 配置中将 Antd 库声明为外部库,因为我不想将整个 Antd 库捆绑在app.js<script><head>.

我的 Webpack 配置的相关部分:

当我尝试 LocaleProvider 文档中描述的第二种方法时:

它有效,我的应用程序被翻译。但我不喜欢“导入样式”的混合。

所以,我的问题是:我做错了什么?为什么第一种方法不起作用?这是因为添加antd到我的 webpack 配置的外部,如果是这样,我该如何解决这个问题?

0 投票
0 回答
450 浏览

node.js - react/redux 表单中的 Datepicker 字段

有没有人用 antd 实现了 Timepicker/Datepicker - 我很难将它实现到我的 react/redux 表单中:

我已经以完整的形式添加了我的 redux 表单,要清楚我无法发布选定的值 3 字段 - Datepicker、Timepicker、examType

0 投票
2 回答
171 浏览

reactjs - 反应JS | 蚂蚁 | 在选择下拉列表后在重新渲染页面上维持选择时面临问题 - 这会触发调度

我正在尝试调度组件的 onSelect 操作以填充另一个下拉列表。我已经使用 onSelect 事件处理程序而不是 antd 的 onFieldsChange 选项来实现这一点,因为我需要使用在 onFieldsChange 回调范围内不可用的局部变量。

但结果是 - 在调用调度并重新渲染组件后,下拉元素被清除其选定值,并重置为其初始值。我无法保留选择。以下是代码片段 -

这是 onSelect 的 handleChange 回调 -

注意:如上所示,我什至尝试使用 setFields 属性来设置调度后的值!但是下拉组件仍然在重新渲染时被清除!

请帮忙!!!!:|

0 投票
2 回答
6460 浏览

reactjs - Antd如何固定多选组件的大小?

我正在为 React 使用 Ant 设计组件。我想修复多选输入字段的大小,以便将选定的值放入同一行而不像默认行为那样换行:

https://ant.design/components/select/#components-select-demo-multiple

我需要将值排列在同一行中。

我可以通过覆盖样式来修复输入字段的大小

但是当我选择几个值时,它们就在 inputr 字段之外。

0 投票
2 回答
5290 浏览

newline - Antd表格如何将文本分几行放入单元格中

在 Antd 中有一种方法可以将表格单元格中的文本显示为多行。我尝试将</br>, \n, \r 放入文本中。

有没有人已经找到办法做到这一点?

0 投票
1 回答
1229 浏览

webpack - antd包的部分导入不起作用

我正在使用babel-plugin-import插件导入 antd 包。但是,我收到整个捆绑包已导入的警告。

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

我的 jsx 的 webpack 配置如下:

出于某种原因,正在导入整个 antd 包。

0 投票
2 回答
1164 浏览

reactjs - React 和 React-Native 上的复杂图形和图表

我将开始一个需要自定义图表和图形的新项目。我将为存储在云中的大量数据构建特殊的趋势、分析和甘特图。

过去我使用 D3/Raphael/Ant + JQuery,但现在我正在转向移动和 React。据我所知,svg tas是DOM标签作为HTML标签,所以我的第一印象是React会正常处理。我也听说过 Tiny SVG,它是移动 SVG 的一个子集,所以我的疑惑是:

a) React 和 React Native 能否与 SVG 一起正常工作?使用它有限制吗?

b) 2013 年推出的 Tiny SVG 规范应该是什么?

c) 在较旧的浏览器中,通常不支持 SVG。在桌面应用程序中,我使用了带有 javascript 的 Raphael,但是 React 和 React Native 呢?

d) React 和 React Native 是否支持 D3 进行数据操作?

e) React 和 React Native 环境是否支持 Raphael?

f) React 和 React Native 环境是否支持 Ant?

g) 应用程序性能如何,如果是 D3、Raphael 或 Ant、React 或 React Native 的堆栈,特别是在移动环境中?

如果有用于 React 或 React Native 的最佳实践或所需的堆栈,我很想听听。

0 投票
3 回答
3179 浏览

reactjs - 为 create-react-app 自定义 antd Less 或 Css

我正在使用 create-react-app 作为入门工具包,并且正在尝试antd组件库。

我似乎无法找到自定义样式的方法(出于品牌推广目的)。文档似乎没有给出关于定制的明确指示。

文档链接:https ://ant.design/docs/react/customize-theme

他们提出了两种方法来做到这一点:

1.使用theme属性。但这仅适用于antd-initdva-cli样板而不适用于create-react-app

2.覆盖Less变量。

现在要使这些选项中的任何一个都可以在create-react-app没有的情况下使用eject,我需要采取哪些步骤?