antd 高级表单使用报错解决

最新推荐文章于 2023-08-11 10:32:35 发布
最新推荐文章于 2023-08-11 10:32:35 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： ant design pro react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44046355/article/details/111561053
版权

因为之后有分布表单的需求，所以今天抽空就看了看例子，照着官方文档把那些需要的包安装导入完成后，发现一直报几个大错，页面一直空白，报错如下
在这里插入图片描述
我是把需要的包安了装装了安都不好使，最后把antd这个包重新安装才可以的。我的antd的版本是4.4.0，升级之后是4.9.4，然后就可以了，这他娘的真是坑死人了。

Richard Yates Boy
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
antd 实现pdf 预览_解决react项目中PDF的显示与打印问题
weixin_39859220的博客
12-19 981
最近项目中有这样一个需求：1. 页面中可以显示pdf2. 不希望把整个页面打印下来，只打印显示PDF的部分，可以使用浏览器自带打印功能PDF文件的显示拿到这个需求，真时一头雾水。因为没有做过类似需求，不知从何下手。在查阅资料的过程中，发现有很多jQuery插件可以实现显示pdf, 但是我们是react单页面应用项目，看来这些插件并不适用，只能另寻其它方法。后来在npm上找到了react-pdf-j...
antd的简单使用(主要参考官网文档)
fire_zero的博客
05-04 3724
antd的使用 1、添加antd 安装: yarn add antd 使用: 引入:想在哪个组件用，就在哪个组件引入 import {Button} from 'antd' 引入样式： import 'antd/dist/antd.css' 2、优化antd,按需引入样式 配置按需引入: (参考官网的在 create-react-app 中使用文档) 1.切到文档的【高级配置】 2.yarn ad...
【问题记录】antd icons报rev属性缺失错误
最新发布
草率小猿的博客
08-11 3050
本文详细讲解了如果修复antd icon报rev属性缺失的问题。
typescript错误检查Property ‘navigation‘ is missing in type ‘{}‘
lxyoucan的博客
06-11 2070
最近刚把一些react native 的项目转到typescript,一个typescript的菜鸟。我的过程仅供参考，不一定是最好的解决办法。 遇到问题如下： 错误信息 [tsserver 2741] [E] Property 'navigation' is missing in type '{}' but required in type '{ navigation: any; }'. 虽然程序可以正常运行的，有个错误还是很不舒服。 解决办法 RootStackScreen.tsx内容修改如下，就
TypeScript Property 'XXX' is missing in type '{XXX}'.
小鹰信息技术服务部
06-18 1万+
TypeScript项目启动，报错，提示： Property 'deployTime' is missing in type '{ id: any; name: string; no: string; }'. 原因：TS中有个类Device, 有个deployTime属性，类型是string。 export class Device { id: number; name: stri...
遇到 TS2741: Property ‘0‘ is missing in type ‘[]‘ but required in type [{xxx:string；yy:number}] 咋办?
MS6324_ZAKU的博客
11-25 4049
我打算设置一个数组,数组内包含一个或多个对象 当我这么写时,ts报错: TS2741: Property ‘0’ is missing in type ‘[]’ but required in type ‘[{ name: string; value: number; }]’. type X = [{name: string; value: number }] const x: X = [] 最后通过stackoverflow上查询到,恍然大悟: 上面说,这是一个数组包含一个对象的情况,而不单单是
报错：Can‘t resolve ‘@ant-design/icons‘
m0_72607221的博客
07-15 5377
react启动项目 npm报错
antd EditableProTable 如何修改校验样式
chenxiaoyi0207的博客
11-23 1639
组件库地址：https://procomponents.ant.design/components/editable-table 一、默认校验错误样式 1.效果图 2.对应代码columns中“活动名称”的配置项 { title: '活动名称', dataIndex: 'title', width: '30%', formItemProps: { rules: [ { required: true, whitespace: true,
antd form表单数据回显操作
01-22
index页面有一个表格，有一个新增按钮，点击新增按钮或表格编辑弹出表单模块，如果是编辑，会回显对应的表格中的数据 //index页面 import React from 'react' import { Table, Button, message, Input, Select, ...
解决antd Form 表单校验方法无响应的问题
01-18
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from....
react使用antd表单赋值,用于修改弹框的操作
01-18
补充知识：react中使用antd的表单重置数据 resetFields 重置一组输入控件的值（为 initialValue）与状态，如不传入参数，则重置所有组件 Function([names: string[]]) 注：initialValue有值时会
解决antd 表单设置默认值initialValue后验证失效的问题
01-21
方法一： getFieldDecorator没有第三个参数，如果写了3个参数就会出错 错误代码： <Form.Item> { getFieldDecorator('userName', { initialValue: 'Tom' },{ rules: [{ ...Input placeholder='\u8bf7\u8f93\u...
react+antd拖拽生成自定义表单.rar
06-08
首先，让我们了解一下`react+antd拖拽生成自定义表单.rar`这个项目的核心概念。项目使用TypeScript（TS）进行编写，这是一种在JavaScript基础上添加静态类型检查的超集。TypeScript提供更好的代码工具支持，有助于...
关于antd table展开行expandable的坑和解决办法
热门推荐
今天鸭鸭不想出去玩
12-14 1万+
最近遇到了antd 表格展开行的需求，然后遇到了非常恶心的事情，首先官方文档中只有expandedRowRender可以渲染组件，此为渲染层，这个属性方法有四个参数function(record, index, indent, expanded)，分别为当前行，下标，缩进,当前行状态（true为展开，false为关闭）。这个方法点击每个展开行都会执行一遍，默认不管是关闭和打开。 然后我的需求是点击展开行要用到当前行id去请求一个接口渲染图表，此为异步操作，我一开始不想请求数据的逻辑写在expandedRow
antd ProTable 高级表单实现行编辑表格（能直接用调用接口那种）
今天鸭鸭不想出去玩
12-23 7957
代码全部如下： import React, { useState } from 'react'; import { EditableProTable } from '@ant-design/pro-table'; import ProField from '@ant-design/pro-field'; import { ProFormRadio } from '@ant-design/pro-form'; import ProCard from '@ant-design/pro-card'; import
react antd select 下拉框实现可选择可自由输入
今天鸭鸭不想出去玩
12-02 6582
import React from 'react'; import { Button, List, Avatar, Select } from "antd"; const fontSizeArr = [ { value: 8 }, { value: 10 }, { value: 12 }, { value: 13 }, { value: 14 }, { value: 16 }, { value: 18 }, { value: 20 }, { value: 24 },
antd Upload上传实现自定义上传
今天鸭鸭不想出去玩
12-29 6342
众所周知，Upload上传有个action的坑，就是你选择文件之后自动调用地址然后就会执行上传接口，这在某些情况的却是很好用的一个组件。但是如果要实现自定义的上传，如下图所示，就要阻止默认上传的事件。 现在我们要实现点击保存按钮才进行上传，所以我们就需要在beforeUpload这个钩子函数里面阻止默认上传。 beforeUpload: file => { const fileType = file.name.split('.').pop(); if
antd 穿梭框的用法
今天鸭鸭不想出去玩
11-03 4912
效果如图 使用： const [mockData, setMockData] = React.useState([]); const [targetKeys, setTargetKeys] = React.useState([]); const searchData = () =>{ QueryCache().then(res=>{ console.log(res); const userArray = res; const us
antd的modal组件里使用steps组件报错
07-14
您好！对于在 Ant Design 的 Modal 组件中使用 Steps 组件报错的问题，我可以给出一些建议来解决该问题： 1. 确保您已经正确引入了 Steps 组件和相关的样式文件。可以在代码中添加以下 import 语句： ```jsx import { Modal, Steps } from 'antd'; import 'antd/dist/antd.css'; import 'antd/lib/steps/style/css'; // 或者 'antd/es/steps/style/css'，根据您的项目配置而定 ``` 2. 检查 Steps 组件的使用方式是否正确。在 Modal 组件中，您可以将 Steps 组件作为 Modal 的内容进行渲染，例如： ```jsx <Modal> <Steps current={0}> {/* 这里是 Steps 组件的步骤内容 */} </Steps> </Modal> ``` 请确保在 Steps 组件中正确设置了 `current` 属性，它表示当前所处的步骤索引。 3. 如果以上步骤没有解决问题，请提供具体的报错信息，以便我更好地帮助您分析和解决问题。您可以将错误信息和相关的代码片段一起提供给我。 希望以上建议对您有所帮助！如果您有任何进一步的问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值