antd相关内容

使用 Antd 上传操作将图像上传到 Firebase 存储时出现问题

我正在使用 antd picture-wall/card 使用此 参考代码 将图像上传到我的 Firebase 存储的示例，我更改的唯一地方是 组件上的 code>action 属性. 在 action 属性上，我使用一个函数将图像上传到 firebase 存储而不是链接两者都被接受，如文档中所示. 我的动作函数是这样的； 导出异步函数uploadImage(file) {const ..
发布时间：2021-11-11 03:27:38 前端开发

使用 antd 隐藏表的列

我们如何隐藏表格中的列以在前端显示，该列已存在于使用蚂蚁设计表的数组中? 例如，我的数组对象中有一个名为 ID 的列，但不需要在表视图中显示，它应该保留在 JSON 列表中以供参考. Fiddle link - 在这个例子中，我不想在表中显示 ID 列，但我已将该 ID 用于某些参考，例如行删除. 解决方案 总的来说 Maktel 的建议是正确的:你可以通过定义 render ..
发布时间：2021-11-11 03:27:35 其他开发

为什么Ant设计中``没有onchange

我知道我一定遗漏了一些非常简单的东西，但是为什么 的 Ant design 标签没有 onChange ? 我想更新输入的值. 我假设有类似 onChange 的东西，因为我能够将 onChange 与 DatePicker 和 handleChange 一起使用> 下拉;但我想我猜错了 当我查看文档时，有一个 onPressEnter 回调，但这并没有真正帮助我 ..
发布时间：2021-11-11 03:27:32 其他开发

Ant Design 重置选择

我有 2 个 .第二个中的值取决于在第一个上所做的选择.当我在第一个更改所选项目时，第二个更新的可用选项.但是，如果我已经在第二个选项中进行了选择，那么即使根据对第一个选择的更改它不应该可用，该选项也会保持选中状态. 当对第一个选择进行更改时，如何将第二个选择重置为不选择任何内容? 第一次选择: 操作{getFieldDecorator( ..
发布时间：2021-11-11 03:27:29 前端开发

antd 表的分页道具

我正在使用 antd 库中的 Table 组件.我想将分页道具传递给 Table 组件.在文档中，它说传递分页配置对象，该对象指的是分页组件本身. 所以我使用分页组件道具名称作为键传递分页对象，例如 但是当我在 re ..
发布时间：2021-11-11 03:27:26 前端开发

使用 antd(Ant Design Grid)隐藏元素

我想在遇到某些断点时隐藏一些 div，在 bootstrap v4 中有类似的东西:hidden-sm-down 阅读Grid文档后，设置可能是解决办法 这是我的例子:http://codepen.io/kossel/pen/BQgzNg?editors=0110 然而，预计只有 xs={0} 会在 XS 视图中隐藏侧边栏，但它会在每个屏幕尺寸下隐藏，解决方案/hack 是添加另 ..
发布时间：2021-11-11 03:27:23 其他开发

antd 设计选择占位符问题

我在我的 React 应用程序中使用了 antd 设计. 这是我遇到问题的代码片段: 如果this.state.company 不是null，它现在显示选择的正确值.但是如果 this.state.company 是 empty 或 null，占位符不会出现. 如果value 为空，我该如何解决这个问题，以便出现占位符? 解决方案 将 this.state.company ..
发布时间：2021-11-11 03:27:20 前端开发

React Typescript 标签详细信息 onclick 未显示在 sun 编辑器上

我正在使用我的 React typescript 项目进行 Ant 设计， 这是我的冲突，我想点击标签及其显示到 Sun 编辑器内容区域 所以当我点击标签时会显示文本区域，但我无法在 sun 编辑器上添加有什么解决办法吗?谢谢 stazkblitz 在这里 代码在这里 从'react'导入React；从 'react-dom' 导入 ReactDOM；导入 'antd/dist ..
发布时间：2021-11-11 03:27:17 其他开发

导入在 nuxtjs 中模块化的 UI 库

我正在学习 nuxtjs 并且我使用 ant-design-vue 作为我的 ui 库，我可以将该库作为插件导入并且运行良好 从'vue'导入Vue从 'ant-design-vue' 导入 Antd；导出默认值 () =>{Vue.use(Antd)} 但是这会全局导入组件，但我想做的是将单个组件导入到特定页面而不是全局，因为 nuxt 会自动延迟加载它，ps:我可以使用插件导入单个组件，但 ..
发布时间：2021-11-11 03:27:11 前端开发

如何使用 TypeScript、Ant Design 和 Rollup 构建组件库

我正在尝试为 TypeScript 中的可重用组件库创建一个示例样板，将 Ant Design 用于 UI 元素并使用 Rollup 进行捆绑. Ant Design 文档 虽然很有用，但没有提供具体细节用于配置 Rollup，但我没有找到使用相同技术堆栈的示例. 使用来自各种在线资源的信息，我整理了一个大纲样板并将其发布到以下 GitHub 存储库 但是，构建输出显示了许多来自 ..
发布时间：2021-11-11 03:27:09 前端开发

如何使用 Antd 和 VueJS 在表格单元格中使用 customRender

我在我的应用中使用了 antd，我正在尝试执行 customRender 以在单元格中显示图像. 我的列数组如下所示: 列:[{ title: '设计',dataIndex: 'designImage.fileUrl',customRender() {//h 将被注入返回 '​​ bar'}},] 所以，正如你想象的那样，结果是这样的: 我也试过这种方式: { tit ..
发布时间：2021-11-11 03:27:06 前端开发

Ant设计表行合并基于数据而不是索引值

{title: '家庭电话',colSpan: 2,数据索引:'电话'，渲染:(值，行，索引)=>{常量对象 = {孩子们:价值，道具: {}，};如果(索引=== 2){obj.props.rowSpan = 2;}//这两个合并到上面的单元格中如果(索引=== 3){obj.props.rowSpan = 0;}如果(索引=== 4){obj.props.colSpan = 0;}返回对象； ..
发布时间：2021-11-11 03:27:00 其他开发

覆盖 Antd 选择的 Item 颜色

我想覆盖 ant-menu-item-selected 类的 background-color 属性.默认情况下它显示为蓝色. import { Menu } from 'antd';const { 项目 } = 菜单；//item2 将使用类 'ant-menu-item-selected' 呈现const MyComp = () =>( ..
发布时间：2021-11-11 03:26:54 前端开发

Ant 设计 Tabs onClick 功能

我使用 Ant 设计创建了选项卡.在第二个选项卡中有一个按钮，当我单击要触发或更改为第一个选项卡的按钮时 这里是我的代码 创建角色} key="1">{getFieldDecorator('角色名称', {规则:[{} ..
发布时间：2021-11-11 03:26:51 其他开发

为什么数字验证规则在 antd 中不起作用

我有一个简单的登录表单，但是输入项 tn 的 type: 'number' 验证规则不起作用.即使我输入一个数字，我也会在控制台中得到 'tn' is not a valid number' . 从 'react' 导入 React；从'antd'导入{表单，输入，按钮，复选框}；从 '@ant-design/icons' 导入 { UserOutlined, LockOutlined };导 ..
发布时间：2021-11-11 03:26:48 前端开发

ReactJS Ant Design - 在 DatePicker 中禁用小于任何默认日期的日期

在处理 antd 框架时，我正在尝试禁用 DatePicker 小于给定 defaultDate 的日期，我无论如何都无法正确处理.情况是说日期选择器的 defaultDate 是 2028-12-20 所有日期都应在此以下禁用.. 执行此操作的回调如下 disabledDate = (current) =>{返回电流 &&当前 where current = defaultDate 已 ..
发布时间：2021-11-11 03:26:42 前端开发

AntDesign TabPane 最小高度 100%

使用 Ant.Design 标签https://ant.design/components/tabs/ 如何在 TabPane 上设置样式，使其最小高度始终为窗口的 100% 高度，即使它是空的? 下面的例子应该用颜色#F5F5F5覆盖窗口 解决方案 这对我有用. 测试 ..
发布时间：2021-11-11 03:26:39 前端开发