antd相关内容

为什么不使用 Ant Tree Design 在子组件中选中树复选框

我正在尝试使用这个 Ant Tree 组件找出我做错了什么.我有两个组件,PageAdmin 我调用 get 来获取关于树中哪些节点应该被标记为选中的信息.我从服务器接收数据并将其放入数组 checkedKeys 并将其作为道具 CustomTree 发送到子组件,我可以看到 CustomTree 组件的道具已正确更新,但是树未被选中,而且当我选择另一个节点时,checkedKeys 数组被清除并 ..
发布时间:2021-11-11 03:29:37 前端开发

如何跨块删除重复的 Ant Design 组件

问题:常见的 antd 组件(例如 Button)被复制到多个块中,而不是被提取到一个单独的文件中,从而被最终用户多次下载. 我将 create-react-app 与 react-app-rewired 结合使用,它是injectBabelPlugin 函数以模块化调用 Ant Design 组件. 我的 config-overrides.js const { injectBabe ..
发布时间:2021-11-11 03:29:34 前端开发

Antd 表 - 排序不适用于渲染

我在对表格中的数据进行排序时遇到问题,因为当我使用带有渲染功能的排序器时,排序只工作一次 {标题:'应用程序',数据索引:'位置',渲染:位置 =>location.join(', '),分拣机:真的}, {title: '优先权',数据索引:'优先级',分拣机:真的} 列中的排序按钮不会改变,我从表句柄事件函数中获得了相同的数据.我不想在前端编写排序功能,因为我在后端执行此操作 解决方 ..
发布时间:2021-11-11 03:29:31 其他开发

如何在 ReactJS 中使用加载图标更改步骤编号

我正在使用 reactjs 开发项目,目前我使用 Ant-design 作为向导表单.我将分享 ant-design 链接.我想在用户单击下一步时使用加载图标更改步骤编号.当前步骤编号(例如 1)更改为加载并继续下一步.我是初学者,你能帮我吗? Ant-Design 链接: Ant-design 解决方案 这可以通过使用步骤来完成 自定义图标 属性.这个想法是你可以在 steps 中 ..
发布时间:2021-11-11 03:29:28 前端开发

没有子元素的 JSX 元素必须是自闭合的

我可以正确运行此代码.但是,当我将代码提交到 git 时,它会显示“错误:src/layouts/index.tsx:25:9 - 没有子项的 JSX 元素必须自关闭". 我尝试添加 React.Fragment 标签.但它不起作用.我也删除了第 25 行.但同样的错误显示.仍然是“index.tsx:25:9".我也尝试过使用自动关闭.但我必须将值放入 M​​enu.Item. 这是 ..
发布时间:2021-11-11 03:29:19 其他开发

React - Internet Explorer 11 输入在第一次 onchange 后失去焦点

我遇到了一个非常奇怪的问题,我无法解决.我目前正在使用 react 16.3 和 Antd 3.11 框架使用 create-react-app,我创建了一个表,在它的标题列中呈现一个附加了 onChange 事件的组件. 当我第一次聚焦输入时,问题就出现了. 我失去了对第一个关键事件的关注,然后当我再次单击该字段时,它会一直保持聚焦,直到我单击其他内容为止. 这是我一直在使用的 ..
发布时间:2021-11-11 03:29:16 前端开发

Ant 设计表单 - onAfterChange 处理程序

我已经使用 antd 创建了一个表单,每当字段发生更改时,它都会通过使用 Form 上的 onValuesChange 函数将表单值输出到控制台. 我的问题是 Slider 组件在拖动滑块时调用此 onValuesChange 函数,我希望它位于 onmouseup. 我知道滑块的 onAfterChange 事件只会触发 onmouseup 但我不确定如何让 onValuesChan ..
发布时间:2021-11-11 03:29:13 前端开发

有没有办法禁止在日期输入中键入/粘贴,而只允许用户从 AntD 中的日期选择器中进行选择?

有没有办法禁止在日期输入中输入/粘贴,而只允许用户从 AntD 的日期选择器中进行选择?禁用也不起作用.我已经浏览了 documentation 我试过这种方式 import { DatePicker } from 'antd';...handleDateChange = (e) =>{e.preventDefault();}...使成为() {... ..
发布时间:2021-11-11 03:29:03 前端开发

如何在antd的上传组件中更改上传文本?

我想在 antd 中上传时在上传组件中自定义“上传"文本.但是我在 antd doc 中找不到任何东西来帮助我.这是文档:https://ant.design/components/upload/ 解决方案 改变content的位置,需要自定义top和left.我也更改了其他元素的 CSS 属性(加号图标的红色,另一张卡片的上传文本).您可以根据需要更改它们.这是一个快速演示. /* ..
发布时间:2021-11-11 03:29:01 其他开发

对启用了选择的 antd(Ant Design)表进行排序

我正在尝试使用 antd 制作一个 table 允许排序和行选择(使用复选框). 现在我都启用了,但是,当我按升序/降序排序时,选择不会排序.选中的框保持与以前相同的索引. 为了解决这个问题,我尝试制作一个自定义排序函数,它可以像对表格行进行排序一样对 selectedRowKeys 进行排序,但是我无法在回调中检索我需要的信息功能来做到这一点. 以前有人做过吗? 任何帮助 ..
发布时间:2021-11-11 03:28:58 前端开发

如何使用antd上传反应发送多部分/表单数据

我正在使用 react 和 antd. 我在 antd 中使用的组件是 拖放. 我正在尝试使用 FormData 对象发送多部分/表单数据. 它发送文件(应作为 blob 发送的 .zip 文件),但它不会将其作为 blob 发送,也不会发送任何与其他键和值相关的内容. 这是一个沙盒. 预期的请求负载: ------WebKitFormBoundaryysdTGvf0cRZVGpQ ..
发布时间:2021-11-11 03:28:54 其他开发

如何使用ant设计表单initialValue

使用 antd Form initialValue 哪个是正确的? 我想知道antd表单initialValue是用来设置初始数据还是只是在表单没有值时显示值. const 组件 = ({ id }) =>{const initialName = '约翰'const { data } = useQuery(GET_NAME, { variables: { id } })如果(数据){初始名 ..
发布时间:2021-11-11 03:28:52 前端开发

React Antd 在 array.map 上显示多个模态

当单击更新按钮时,模态弹出两次,第一个显示正确的 item.id,但第二个是列表中的最后一个值.任何帮助表示赞赏.尝试在模态标签内添加 {this.props.child} 但它不起作用. 任何帮助将不胜感激. this.state = {ModalText: '模态内容',可见:假,当前ID:0,确认加载:假,}}showModal = () =>{this.setState({可见: ..
发布时间:2021-11-11 03:28:49 其他开发

根据列过滤antd表

首先,英语不是我的母语,所以可能会有错误.我开始用钩子做出反应,因为每个人都说它更容易,这里我有 antd 表和一个按钮(引导程序 5 模态),这个模态包含 6 个按钮(id、title、firstname、lastname、Choose all、confirm your selection),我的观点是用户从 ID、标题、名字、姓氏中进行选择,当用户选择时,他点击“确认您的选择",然后如果他选择 ..
发布时间:2021-11-11 03:28:46 前端开发

尽管提供了接受道具,但 Antd 上传器仍接受所有文件

我正在使用 antd 拖放组件 https://ant.设计/组件/上传/#components-upload-demo-drag.在他们给出的示例中,如果我添加 prop 接受它只接受受限制的格式,并且不会在 fileList 中添加其他文件.但是,当我在应用程序中使用此组件时,它会添加各种文件.为什么会出现这种行为以及如何避免? const Uploader = () =>{const [ ..
发布时间:2021-11-11 03:28:43 其他开发

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

我正在使用 webpack 将 antd.less 文件导入到全局 App.less 文件中.然后我覆盖了一些全局样式和 webpack 包: //App.less@import "~antd/dist/antd.less";@import "./fonts.css";@import "./reactSplitPane.css";@标题颜色:淡入淡出(#000, 100%);@text-colo ..
发布时间:2021-11-11 03:28:40 其他开发