antd相关内容

React antd 轮播方法

我正在考虑使用 antd Carousel,但我还没有看到描述如何使用 goTo(slideNumber, dontAnimate) 方法的示例. 我尝试使用这个问题的答案react.js antd carousel with arrows 使 goTo 方法对我有用,但没有帮助,我总是将 carousel ref 设为 null import * as React from 'react ..
发布时间:2021-11-11 03:25:31 前端开发

如果 initialValue 改变,则更新 antd 表单

我正在将我的 Redux-saga 中的 currentUser 数据传递到 antd 表单中,姓名、电子邮件、电话号码、介绍作为初始值传递给表单,我想要做的是将表单作为 put 请求提交db 如果初始值已更改..这是我的代码 从'react'导入React;从“重新选择"导入 {createStructuredSelector};从'react-redux'导入{连接};import { se ..
发布时间:2021-11-11 03:25:28 其他开发

react.js ant 设计范围过滤器,带有开始和结束日期错误

在我的 react.js ant.design 项目中,我试图基于 2 个日期选择器实现表格范围过滤:开始日期和结束日期.我将它们插入过滤器下拉列表中,但是当我点击 search 按钮时,我收到一个错误消息,说 values.some 不是函数. 您可能会看到此处 的示例 目标是发送到后端以搜索包含 2 个日期的数组:开始日期和结束日期.我想它正在那里发送一个 moment.js 对象, ..
发布时间:2021-11-11 03:25:22 前端开发

获取 ant.design 表列中另一列的值?

在我的 react 和基于 ant.design 的应用中,我有一个包含以下列的表格. const tableColumns = [{title : 'Lorem',数据索引:'lorem'渲染:文本 =>{text + ipsum} }, {title : 'Ipsum',数据索引:'ipsum'}]; 我想使用 ipsum 的值,即第一列渲染函数中每一行的第 ..
发布时间:2021-11-11 03:25:19 前端开发

如何在 Ant Design Upload 组件中设置 customRequest 以使用 XMLHttpRequest?

我有一个完全混乱的组件.现在我传递了一个函数,我一直在尝试一百万件我无法让它工作的事情. export default class DatafileUpload extends Component {初始状态 = {文件上传:假,文件列表:[],状态: '空',//'空' |'活跃' |'成功' |'例外'文件: {}}状态 = this.initialState静态 propTypes = { ..
发布时间:2021-11-11 03:25:16 前端开发

react-router+antD/如何在按下后退/前进按钮时突出显示菜单项?

我创建了一个菜单并想突出显示我选择的项目,我做到了.但是当我按下后退/前进按钮时,菜单项不会突出显示.我该怎么办? 我曾尝试使用 addEventListener 但失败了. 有人能给点建议吗? class Sidebar extends React.Component {构造函数(道具){超级(道具);this.state={测试:“家"}this.menuClickHandle ..
发布时间:2021-11-11 03:25:13 其他开发

antd Select 如何设置自定义样式?

我想自定义antd Select.当用户点击 Select 时,antd Option 应该显示在 antd Select 之上,而不是显示在 Select 下方> antd 选择:https://ant.design/components/select/ 预期行为:1 实际行为:2 JSX import { FaPlane, FaWater } from "react-ic ..
发布时间:2021-11-11 03:25:04 前端开发

如何根据值更改ANTD表中的单元格颜色?

我有表格,我想根据值更改该单元格的颜色.如果单元格的值超过 50,则单元格的文本颜色应为红色.如果单元格值小于 20,则为绿色.因此,单元格的配置应基于条件.我在此处附上代码.我是编码新手,这是第一个项目.如果有人可以帮助我,非常感谢. 从'react'导入React;从'antd'导入{分隔符,表,标签}从'./report.json'导入报告导入'antd/dist/antd.css'进口 ..
发布时间:2021-11-11 03:25:01 其他开发

如何在antd中获取FormItem更改的字段值

我很难适应 antd 的形式.我在这个表单中有这个选择字段,我想从它 onChange 获取值,但不知何故不能让它正常工作. 说这是我想要值的项目 {categoryOptions})} 这是类别选项 if (this.props.categories) {categoryOptions = this.props.categories.map(item => ( ..
发布时间:2021-11-11 03:24:58 前端开发

蚂蚁设计.如何动态设置表单域错误信息?

一个表单域有很多异步检查规则,因为一个复合的api可以通过返回不同的结果一次检查这些规则,我不想触发这么多的api请求. 解决方案 语法在 v4 中更新 新语法是: setFields.|设置字段状态 |(字段:FieldData[]) =>空白 示例: form.setFields([{name: 'field-to-update',错误:['错误字符串'],},]); ..
发布时间:2021-11-11 03:24:52 其他开发

如下图所示的外边界半径..?

我正在使用 ant-d 导航栏,我必须制作一个如图所示的外边框.我怎样才能做到这一点? 解决方案 您可以为每个菜单项指定顶部和底部 div 以配合每个菜单项,然后设置样式以提供您的边界半径.看看我为你做的这个例子: var header = document.getElementById("cont");var btns = header.getElementsByClassName ..
发布时间:2021-11-11 03:24:46 前端开发

如何使用正则表达式禁止连续的五位数和更多位数?

如果字符串包含连续的五位数字,我想禁止:12345、11111、123456. 我已成功使用以下正则表达式禁止字符串中的任何数字: /^[^0-9]+$/ 我创建了一个沙盒演示.我想禁止五个连续的数字/数字.目前它不允许任何号码. 解决方案 匹配5个连续数字的正则表达式为\d{5}. 要禁止这样的字符串(实际上,甚至更多的连续数字),在源字符串中的任何位置,应放置此 ..
发布时间:2021-11-11 03:24:43 前端开发

React useState 总是落后 1 步

我对 React 很陌生.我已经学习了几个月.我目前正在使用 ant-design 创建标签并尝试在点击时删除它们.我有一个用户状态,根据他们是要删除还是创建标签,用户状态会更新.但是,当我删除标签时,users 状态不会立即更新并返回空数组,当我 console.log(users); 在 removeUser() .我看过类似的以前的问题,但是他们使用 useEffect() 但这不适合我的用 ..
发布时间:2021-11-11 03:24:40 其他开发

在特定条件下通过单击表格展开一行 Ant Design table react js

我需要一点帮助. 我需要编写代码,以便表格行仅在切换打开时才展开,而切换关闭时不应展开.我使用属性 expandRowByClick 在单击时展开一行.但这里的问题是当切换关闭时它不应该可点击,但现在一个空行会扩展.我怎样才能避免它? 谁来帮帮我.谢谢. 沙盒链接:https://codesandbox.io/s/purple-sun-1rtz1?file=/index.js ..
发布时间:2021-11-11 03:24:37 其他开发

将值设置为状态 React js

我需要一些帮助. 我是新手,所以我一直在这里.我分享了一个 sandbox 框链接.包含一个表.如下 |玩具 |颜色可选 |可用成本| 现在一切正常.但我想保存表格的数据如下 detail 状态应包含表的行值列表,columnsValues 应包含 Color Available 和 可用成本 示例:this.state.detail 喜欢 详情:[{玩具 : ..
发布时间:2021-11-11 03:24:34 其他开发