antd相关内容

Antd 选择元素:如何禁用打字?

我正在尝试使用 mode="multiple" 的选择元素.我希望禁用输入,这意味着用户只能在现有选项之间进行选择,而不能输入文本.我该怎么做? 我的元素: import { Select } from 'antd';导入 'antd/dist/antd.css';const { 选项,OptGroup } = 选择;this.setState({ yield: value })}模式=“ ..
发布时间:2021-11-11 03:26:36 前端开发

将 expandIcon 图标向右移动并从扩展表中删除空白区域 Ant Design reatc js

我需要你的帮助来解决这个问题. 我正在使用 Ant Design 表,但我被困在这里.我希望展开行图标应该在当前表的右侧(在给定的沙箱代码中删除旁边),当我们展开一行时,展开的内容在左侧留下一个小空间,我想将其删除.即它的左边不应该有任何额外的空间.请帮帮我,伙计们. 沙盒代码:https://codesandbox.io/s/ancient-mountain-ft8m1?file=/ ..
发布时间:2021-11-11 03:26:30 其他开发

vscode中使用antd框架的按钮提示

我在 vscode 中使用了 antd 的 Button 和 Input.但它在按钮上显示错误,我想知道为什么. 我试过输入法,没有显示错误.如图所示. 从'react'导入React;从'./index.css'导入样式;从 'umi/router' 导入路由器;从'antd'导入{输入,按钮};导出默认函数(){const handleClick=()=>{router.push('/ ..
发布时间:2021-11-11 03:26:27 其他开发

React Ant Design - 要拆分为 2 列的表单项

我是 Ant Design 的新手,想将 Form 组件内的表单项拆分为页面上的 2 列.我试过使用 flex-box,但它不起作用. 有这个“formItemLayout";正如您在我的文档中的代码中所看到的那样,但没有关于它的信息.不知道能不能用它来分割它们 有没有办法让它们在页面上垂直分成两半(比如分成两列,每列占页面的50%) 任何帮助将不胜感激. 从“反应"导入反应; ..
发布时间:2021-11-11 03:26:24 前端开发

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

我有一个可以检查或不检查的参数列表.根据复选框状态启用/禁用其对应字段.因此,如果选中参数,我想启用和验证字段,并在未选中复选框时禁用字段并关闭验证规则.但是我无法在切换复选框时将 required 规则切换为 false. 如您所见,registrations 参数未选中,但该字段仍有验证.. 我是这样做的: attributes 是存储在组件状态中的参数数组.复选框处理程序只 ..
发布时间:2021-11-11 03:26:21 其他开发

React + Antd + Rollup 组件库“错误:钩子调用无效.钩子只能在函数组件的主体内部调用"

我目前正在构建一个 UI 库,以简化跨多个应用程序的维护.这些目前使用 Ant Design. 一切似乎都很顺利...我在 package.json 和 rollup.config.js(通过外部)中添加了我的对等依赖项,我能够获取 Rollup 以生成 es 和 cjs 二进制文件,该二进制文件成功导出只是我的代码. 但是,当我将其中任何一个导入到我的主机应用程序(Electron ..
发布时间:2021-11-11 03:26:12 其他开发

React Hook Form 与 A​​ntD 样式

我正在研究如何在 antd 前端使用 react-hook-form. 我制作了这个表单,它似乎可以工作(它是多部分表单向导的第 1 部分),只是不显示错误消息. 谁能看到我在合并这两个表单系统时做错了什么? 我没有收到任何错误,但我想我已经要求两个表单字段都是必需的,但是如果我在没有完成它们的情况下按提交,则不会显示错误消息. 从“react"导入React;从“react- ..
发布时间:2021-11-11 03:26:09 其他开发

ant design v4 打破了选择和自动完成的反应测试库测试

我最近将我的 React 项目升级到了 ant design v4,所有使用 Select、AutoComplete 或 Tooltip 的测试都被破坏了.基本上在单击组件时,JSDOM 中不存在模态或选择选项.这曾经在 v3 中工作正常. 有人可以告诉我如何使用 react 测试库测试 antd v4 吗? 示例: 我的组件: 从“react"导入React;导入“./sty ..
发布时间:2021-11-11 03:26:07 前端开发

使用 antd 在组件中创建子菜单失败

我正在使用 antd:^3.5.4 我有一个包含用户管理项目的菜单.当未登录时,菜单有一个带有登录页面链接的菜单项登录后,菜单有一个子菜单,其中包含多个链接,包括注销 我只是对连接的用户进行了简单的测试,以显示链接或子菜单.当所有文件都在同一个文件中时,我工作得很好 首页 ..
发布时间:2021-11-11 03:26:04 其他开发

如何在 ReactJS 中预览视频

我正在使用 ReactJS 进行项目,目前我正在使用 ant-design 进行文件上传.我想在用户选择视频时预览视频.我是 reactjs 的新手,无法完成我的任务.有人可以帮助我如何预览视频.我会和你分享我的代码你可以检查我的代码.谢谢 代码 从'react'导入React;从“样式组件"导入样式;导入 'antd/dist/antd.css';导入'./styletwo.css';i ..
发布时间:2021-11-11 03:26:01 前端开发

无法读取未定义的 react-testing-library 的属性“addListener"

我正在尝试使用 react 测试库 测试我的 antd 应用程序,但我一直收到此错误: TypeError: 无法读取未定义的属性“addListener" 我正在使用自定义渲染,但错误似乎来自“渲染"方法. const customRender = (ui, options) =>渲染(用户界面,{包装:TestingWrapper,...选项})^ 我什至使用相同版本的 ..
发布时间:2021-11-11 03:25:55 其他开发

如何去除antd中的默认填充

我创建了可折叠侧边栏.在侧边栏内容自动采用蚂蚁设计填充值(16px)在顶部,右侧,底部和左侧.我需要删除这个自动填充 render() {返回 ( ..
发布时间:2021-11-11 03:25:49 前端开发

单击表单按钮时,Ant Design 表单元素未提交

我正在使用后端的 Django rest 框架和前端的 React 构建一个 Web 应用程序.我也在使用 Ant Design 来帮助设计样式.我一直在关注 Youtube 上的教程,但我目前在尝试提交表单以创建新文章时遇到了一些问题.我已经解决了一些问题,我相信问题出在表单的 onSubmit 函数上.我尝试向按钮添加一个 onClick 以确保点击被识别并且按预期工作,这就是为什么我认为问题 ..
发布时间:2021-11-11 03:25:43 其他开发

使用 GatsbyJS 时更改 Antd 的主题

这个 GatsbyJS/antd 插件页面 (https://github.com/bskimball/gatsby-plugin-antd/issues/2) 使得在使用 GatsbyJS 时似乎有一种方法可以编辑 ant.design (antd) 主题.提供的代码是 插件:[{解决:'gatsby-plugin-antd',选项: {风格:真实}}] 但是没有其他信息.在哪里可以更改主题 ..
发布时间:2021-11-11 03:25:40 其他开发

Ant Design Calendar:如何更改星期几格式

我在我的项目中使用 Ant Design Calendar Component 并将其设置为如下: 当前的星期几格式为 dd.例如.su、mo、tu等 是否可以通过 props 将格式更改为 ddd.例如.Sun、Mon、Tue 等等? 解决方案 不支持直接在 ant 设计组件上更改,但是 Ant Design 正在使用 moment ,它使用 locale.weekdaysM ..
发布时间:2021-11-11 03:25:37 其他开发