antd相关内容
我正在考虑使用 antd Carousel,但我还没有看到描述如何使用 goTo(slideNumber, dontAnimate) 方法的示例. 我尝试使用这个问题的答案react.js antd carousel with arrows 使 goTo 方法对我有用,但没有帮助,我总是将 carousel ref 设为 null import * as React from 'react
..
我正在将我的 Redux-saga 中的 currentUser 数据传递到 antd 表单中,姓名、电子邮件、电话号码、介绍作为初始值传递给表单,我想要做的是将表单作为 put 请求提交db 如果初始值已更改..这是我的代码 从'react'导入React;从“重新选择"导入 {createStructuredSelector};从'react-redux'导入{连接};import { se
..
我是 react、babel 和 antd 的新手. 我安装了 react 并使用 create-react-app 启动了一个项目.我安装了 antd(ant.design).它建议使用 babel-plugin-import,所以我也安装了它. 如果我理解正确,babel-plugin-import 的使用文档说要把它放在 .babelrc 文件中: {“插件":[[“进口",
..
在我的 react.js ant.design 项目中,我试图基于 2 个日期选择器实现表格范围过滤:开始日期和结束日期.我将它们插入过滤器下拉列表中,但是当我点击 search 按钮时,我收到一个错误消息,说 values.some 不是函数. 您可能会看到此处 的示例 目标是发送到后端以搜索包含 2 个日期的数组:开始日期和结束日期.我想它正在那里发送一个 moment.js 对象,
..
在我的 react 和基于 ant.design 的应用中,我有一个包含以下列的表格. const tableColumns = [{title : 'Lorem',数据索引:'lorem'渲染:文本 =>{text + ipsum} }, {title : 'Ipsum',数据索引:'ipsum'}]; 我想使用 ipsum 的值,即第一列渲染函数中每一行的第
..
我有一个完全混乱的组件.现在我传递了一个函数,我一直在尝试一百万件我无法让它工作的事情. export default class DatafileUpload extends Component {初始状态 = {文件上传:假,文件列表:[],状态: '空',//'空' |'活跃' |'成功' |'例外'文件: {}}状态 = this.initialState静态 propTypes = {
..
我创建了一个菜单并想突出显示我选择的项目,我做到了.但是当我按下后退/前进按钮时,菜单项不会突出显示.我该怎么办? 我曾尝试使用 addEventListener 但失败了. 有人能给点建议吗? class Sidebar extends React.Component {构造函数(道具){超级(道具);this.state={测试:“家"}this.menuClickHandle
..
我正在使用带有 antd 的 react 钩子组件.为表设置列时,渲染函数给我一个 ESLint 错误: ESLint:组件定义缺少 displayName(反应/显示名称) 我尝试将 displayName 添加到对象中,但这不起作用. 这是错误的样子:({getCountForCountry(text)}),}]函数 getCountForCount
..
我正在尝试使用 react-hook-form 库来验证表单.当我使用 ant design 或 material UI 渲染视图时,它无法正常工作. {errors.firstName &&'名字是必需的'} 发生了一些警告:"Missing name at....".
..
我想自定义antd Select.当用户点击 Select 时,antd Option 应该显示在 antd Select 之上,而不是显示在 Select 下方> antd 选择:https://ant.design/components/select/ 预期行为:1 实际行为:2 JSX import { FaPlane, FaWater } from "react-ic
..
我有表格,我想根据值更改该单元格的颜色.如果单元格的值超过 50,则单元格的文本颜色应为红色.如果单元格值小于 20,则为绿色.因此,单元格的配置应基于条件.我在此处附上代码.我是编码新手,这是第一个项目.如果有人可以帮助我,非常感谢. 从'react'导入React;从'antd'导入{分隔符,表,标签}从'./report.json'导入报告导入'antd/dist/antd.css'进口
..
我很难适应 antd 的形式.我在这个表单中有这个选择字段,我想从它 onChange 获取值,但不知何故不能让它正常工作. 说这是我想要值的项目 {categoryOptions})} 这是类别选项 if (this.props.categories) {categoryOptions = this.props.categories.map(item => (
..
我想按字母顺序过滤列这是按大小过滤的代码怎么做谢谢 const columns = [{title: '名字',数据索引:'first_name',sortDirections: ['descend', 'ascend'],键:'first_name',宽度: '20%',分拣机:(a, b) =>a.first_name.length - b.first_name.length,}] 解决方
..
一个表单域有很多异步检查规则,因为一个复合的api可以通过返回不同的结果一次检查这些规则,我不想触发这么多的api请求. 解决方案 语法在 v4 中更新 新语法是: setFields.|设置字段状态 |(字段:FieldData[]) =>空白 示例: form.setFields([{name: 'field-to-update',错误:['错误字符串'],},]);
..
我正在使用 Axios 处理文件上传.我在显示文件上传的上传进度时遇到问题.我使用的文件上传视图是“图片卡". HTML 0 ?: 空值});}; 这是一个演示
..
我正在使用 ant-d 导航栏,我必须制作一个如图所示的外边框.我怎样才能做到这一点? 解决方案 您可以为每个菜单项指定顶部和底部 div 以配合每个菜单项,然后设置样式以提供您的边界半径.看看我为你做的这个例子: var header = document.getElementById("cont");var btns = header.getElementsByClassName
..
如果字符串包含连续的五位数字,我想禁止:12345、11111、123456. 我已成功使用以下正则表达式禁止字符串中的任何数字: /^[^0-9]+$/ 我创建了一个沙盒演示.我想禁止五个连续的数字/数字.目前它不允许任何号码. 解决方案 匹配5个连续数字的正则表达式为\d{5}. 要禁止这样的字符串(实际上,甚至更多的连续数字),在源字符串中的任何位置,应放置此
..
我对 React 很陌生.我已经学习了几个月.我目前正在使用 ant-design 创建标签并尝试在点击时删除它们.我有一个用户状态,根据他们是要删除还是创建标签,用户状态会更新.但是,当我删除标签时,users 状态不会立即更新并返回空数组,当我 console.log(users); 在 removeUser() .我看过类似的以前的问题,但是他们使用 useEffect() 但这不适合我的用
..
我需要一点帮助. 我需要编写代码,以便表格行仅在切换打开时才展开,而切换关闭时不应展开.我使用属性 expandRowByClick 在单击时展开一行.但这里的问题是当切换关闭时它不应该可点击,但现在一个空行会扩展.我怎样才能避免它? 谁来帮帮我.谢谢. 沙盒链接:https://codesandbox.io/s/purple-sun-1rtz1?file=/index.js
..
我需要一些帮助. 我是新手,所以我一直在这里.我分享了一个 sandbox 框链接.包含一个表.如下 |玩具 |颜色可选 |可用成本| 现在一切正常.但我想保存表格的数据如下 detail 状态应包含表的行值列表,columnsValues 应包含 Color Available 和 可用成本 示例:this.state.detail 喜欢 详情:[{玩具 :
..