antd Table 组件报错

最新推荐文章于 2024-04-14 11:32:51 发布
最新推荐文章于 2024-04-14 11:32:51 发布
阅读量2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ice__c/article/details/95024631
本文详细解析了一个常见的React错误：invariantViolation，指出错误原因是组件类型无效，具体为使用了<Divider>组件但未正确导出。通过将<Divider>组件替换为标准的div元素并应用Ant Design样式类，成功解决了问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近遇到了这个错误：invariant.js?d8db:42 Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of `TableCell`.

后来发现是：

中<Divider type="vertical" /> 的问题

<Divider type="vertical" /> 代表了分界线，如下图所示：

最后将这个标签换成：<div className="ant-divider" />，如下图所示

问题就解决啦

【react+antd】使用Table组件报错Unhandled Rejection (TypeError): data.slice is not a function
all_might1的博客
06-28 4021
一、问题描述 需求要把从后端取到的数据放到table中展示，因为还没有联调，前后端都在各自开发各自的，于是我自己根据需要编了写伪数据填进去。结果就开始报错，Table.js:968 Uncaught (in promise) TypeError: data.slice is not a function。如下图： 二、解决思路 看了下报错提示，在Table.js里，那就是Table组件使用出问题了。那么肯定就是里面填的值有问题呗。以下是我编的伪数...
react使用antd组件合并Table单元格
wx258852的博客
12-06 1298
初始化合并单元格，必须对应projectnameRowSpan行名称重新组合方法。行数据可编辑方法，总数据编辑。
Expected a string but was BEGIN_OBJECT at line 1 column 2 path $
小牧在一直在学习,在前进的道路上大家一起学习，进步。
11-20 1万+
刚才使用Retrofit 写请求的时候发现了这行错误 看英文我解析String 但是却是Object 这个处理方法就是把String 该为JSONObject 即可 如下。。 //请求传递参数 Call<JSONObject> data = netApi.getNews("top","b3aecf831dae022145e308abe1af...
Ant Design Pro 奇怪错误Check the render method of `TableList`.(JavaScript版)
シ❤゛甜虾的个人博客
10-26 2700
Something went wrong. Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed
react的createRef和forwardRef
大灰狼的小绵羊哥哥的博客
07-13 7301
最近在使用react过程中发现在使用ref时的一些场景，自己初步感觉react的ref没有vue那么强大。 现在我就简单看下怎么使用ref？ createRef 我们直接看源码 // node_modules/react/umd/react.development.js // an immutable object with a single mutable value function createRef() { var refObject = { current: n
React Native错误汇总(持续更新)
weixin_34208185的博客
08-15 199
错误1 Element type is invalid…: 错误描述: Element type is invalid: expected a String(for built-in components) or a class/function(for composite components) but got:object. c...
不变违规：对象作为React子元素无效
CHCH998的博客
08-03 1305
In my component's render function I have: 在组件的render函数中，我有： render() { const items = ['EN', 'I
react17+antd4使用Table组件发生错误：ResizeObserver loop completed with undelivered notifications
weixin_45871977的博客
04-14 2068
react17+antd4使用Table组件发生错误：ResizeObserver loop completed with undelivered notifications
antd table的默认选择（Do not set ‘checked‘ or ‘defalutChecked‘ in ‘getCheckboxProps’...解决方法）
m0_73726304的博客
02-23 1060
antd的table报错
antd table scrool={{y:500}}报错resizeobserver loop limit exce
最新发布
04-03
嗯，用户在使用Ant Design的Table组件时，遇到了设置scroll={{ y: 500 }}后报错“ResizeObserver loop limit exceeded”的问题。我需要先理解这个错误的原因，然后找到解决办法。 首先，ResizeObserver loop limit ...
Antd 使用时的一些小错误汇总（持续更新）
eswang的优快云博客
10-20 2938
貌似是因为React版本的变迁，使用antd时会出现很多莫名其妙的小错误，这里汇总一下，目前正在用Antd+React+Nest.js+MongoDB写自己的博客，优快云更新速度会放缓，这月目标是写40篇左右吧. 首先是使用Antd组件时出现的错误，不出意外的话应该是Menu组件： index.js:1 Warning: Function components cannot be give...
React key值问题
会飞的代码的博客
10-15 910
报错： Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `List`. See https://fb.me/react-warning-keys for more information.     in ItemEditor (crea
Invariant Violation:Element type is invalid:expected a string(for build-in components)ora class....
慕天远的博客
04-16 2090
报错信息如下： 原因; 从react-native包中引入组件需要用{}包裹，即原文中应该改为 import {Button} from 'react-native'; 我们在react-native中导入组件的时候，如果组件创建的方法中使用了except default class XXX这种形式进行导出，那么我们在导入该组件的时候就不需要用{}包裹组件，如果在导出的时候没有...
react中运行报错。Check the render method of `CountLineData`.
diyi0306的博客
09-23 6485
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to expor...
[react]控制台报错Each child in a list should have a unique “key“ prop.Check the render method of ‘NavBar‘
ply_1060336566的博客
11-30 1278
无list元素时，控制台报错NavBar组件没有单独的键值key 给NavBar中的a标签加上单独的键值即可，如下所示： { this.props.isdetail? <NavBar mode="light" icon={<Icon type="left" />} onLeftClick=
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render ...
Yang'blog
09-21 2万+
原组件：//carousel.jsx import React from 'react'; export default class CarouselList extends React.Component{ constructor(props){ super(props); } render(){ var lists = this.props
AntDesign使用遇到问题整理
热门推荐
小白努力走
08-16 4万+
本文针对小白用户，都是最基本的使用问题，多看仔细看ant文档便可解决，此处仅做整理。牛人绕道即可。 1， Form表单 1）使用getFieldDecorator进行组件内容onchange监听，rules判断，如果报错’Cannot read property ‘getFieldDecorator’ of undefined’需要对组件进行Myform = Form.creat
react的Element type is invalid: expected a string (for built-in components) ...错误
就在昨天之技术点滴
08-13 2万+
react中遇到的错误类型如下： Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of “XXX"   Rreact Nativ...
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class
牛八少爷的专栏
08-27 2万+
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. This error is located at:     in RCTView (at...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值