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

reactjs - 将 antd 与 react-boilerplate 集成

我将此添加到生产配置中:

但我仍然遇到错误,比如ReferenceError: Menu is not defined.我错过了什么吗?当我将相同的内容添加到开发配置中时,一切都在本地运行良好,所以我有点困惑。

0 投票
3 回答
18266 浏览

reactjs - Antd:如何覆盖组件单个实例的样式

我正在使用 webpack 将 antd.less 文件导入全局 App.less 文件中。然后我覆盖了一些全局样式和 webpack 包:

我的 webpack 2 配置如下所示:

现在,例如,我想覆盖 Tabs 组件的一个实例的大小。最好的方法是什么?

覆盖 Tabs-Bar 底线颜色的示例:

但这应该只对一个组件有效。该组件看起来像这样(Typescript):

0 投票
1 回答
8018 浏览

javascript - 模块构建失败:ReferenceError:在“base”中指定的未知插件“import”为 0

我正在开发一个 ReactJS 项目,我正在使用 create-react-app 突然出现以下错误,我不知道为什么。在收到错误之前,我记得我使用了 "yarn add react-rte" ,然后我意识到我不需要它,所以我运行了 "yarn remove react-rte" 。之后我的项目将无法工作,每次启动项目时都会出现以下错误:Error in ./src/index.js Module build failed: ReferenceError: Unknown plugin "import" specified in "base" at 0, attempted to resolve relative to "projectFolder/src" at Array.map (native) @ multi main

包.json

任何帮助将不胜感激。谢谢你。

0 投票
4 回答
15238 浏览

antd - Ant Design - 防止在特定列/区域中单击表格行

我正在使用 ant 设计表组件。我有“操作”列,我不希望 onRowClick 事件在此列中触发。

如何做呢?

http://codepen.io/liron_e/pen/zZjVKZ?editors=001

正如您在按下行时可以尝试的那样,信息模式将打开。当按下某些操作时,信息确认模式会打开,我希望只有确认模式会打开

谢谢 (:

0 投票
1 回答
2790 浏览

css - Ant Design 错误:“在 '[..]/.babelrc' 中指定了未知插件 'import'”

我在 .babelrc 中添加了以下内容:

这是错误:“[..]/.babelrc”中指定的未知插件“导入”

此外,从文档中我不清楚我是否必须为以下内容导入 CSS:

  1. 每个单独的组件(例如 DatePicker)或
  2. 如果 antd/dist/antd.css 包含所有内容。

在 1. 的情况下,将 CSS 路径作为示例的一部分会很好。

如果是 2. 我应该把它放在我的 App.js 中的什么地方?

这些是我安装的 babel 包:

这是我的 webpack.config.js:

0 投票
3 回答
25297 浏览

reactjs - 如何在 antd 表组件上设置默认排序器和过滤器?

我正在使用 ant-design react 组件来制作仪表板,并使用了一个表格组件,我可以在其中定义填充数据后过滤器和排序器的方式。

仪表板表格页面

如果有一个要求,我想在ID列和环境列中应用默认排序(降序),我想prod默认被选中(默认情况下只显示产品警报)。由于我不能在 ant-design 网站上询问使用问题,我想知道是否有人知道它并可以帮助我。如果您可以分享,我愿意采用不同的方法。

console.log 的输出

0 投票
1 回答
1766 浏览

reactjs - Ant Design for React 是否遵循 ARIA(X508 合规性)?

Ant Design for React 是否遵守 ARIA(X508 合规性),例如键盘可访问性?在我的工作中,这是 UI 库的基本要求。有人能帮忙吗?

0 投票
1 回答
3298 浏览

antd - antd 表上的程序化过滤器触发器

有没有办法以编程方式触发对 Antd 表列的过滤?

我正在构建一个自定义 Header ,它是一个独立样式的组件(因此,我showHeader={ false }在表格上设置了道具并使用我的自定义标头通过设置状态与表格进行通信)。我希望能够使用它来触发对表列的过滤。对于排序,我可以将一个值传递给sortOrderprop 并在外部触发 sorter 函数。然而,对于过滤,我没有任何明显的方法来触发过滤功能。

0 投票
1 回答
349 浏览

antd - MERN 样板中的 Ant 设计

想在项目中使用ant design和MERN 样板,但在集成时遇到问题。

我已经安装了 antd 和 babel-plugin-import 并将其添加到我的 .babelrc

既然我使用 webpack,我必须在那里改变一些东西吗?

当我启动服务器时,我得到:Can't resolve 'antd/lib/sider/style/css'

我环顾了许多样板并试图将其集成到我的项目中,但无法使其正常工作。

这是我的github 仓库

0 投票
2 回答
10825 浏览

javascript - 包装一个 ant-design 表单组件

我一直在试图弄清楚如何包装一个 ant-design 表单组件。我有几个Selects 会有相同的选项,所以我想创建一个SelectWrapper(见下面的片段)。不幸的是,antd 的表单似乎不喜欢这样,并且会出错

createBaseForm.js:98 未捕获类型错误:无法读取未定义的属性“onChange”

尽管我通过表单道具传递给Select.

完整示例(需要 babel 进行传播)

克隆https://github.com/megawac/antd-form-issuenpm start查看问题