antd Table 组件报错

最新推荐文章于 2025-02-10 18:05:40 发布
原创 最新推荐文章于 2025-02-10 18:05:40 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了一个常见的React错误：invariantViolation，指出错误原因是组件类型无效，具体为使用了<Divider>组件但未正确导出。通过将<Divider>组件替换为标准的div元素并应用Ant Design样式类，成功解决了问题。

最近遇到了这个错误：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的createRef和forwardRef
大灰狼的小绵羊哥哥的博客
07-13 7353
最近在使用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
jeecgboot前端antd Table组件动态合并单元格
我的博客
12-08 2110
jeecgboot前端antd Table组件动态合并单元格 实现： 总结: 将每个相同项的第一项的 rowSpan 设置为合并数。并且其他的相同项设置为 0。数据格式如下：
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 2740
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 Native错误汇总(持续更新)
weixin_34208185的博客
08-15 211
错误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...
Antd 使用时的一些小错误汇总（持续更新）
eswang的优快云博客
10-20 3026
貌似是因为React版本的变迁，使用antd时会出现很多莫名其妙的小错误，这里汇总一下，目前正在用Antd+React+Nest.js+MongoDB写自己的博客，优快云更新速度会放缓，这月目标是写40篇左右吧. 首先是使用Antd组件时出现的错误，不出意外的话应该是Menu组件： index.js:1 Warning: Function components cannot be give...
vue antd table columns报错Cannot read properties of undefined
最新发布
09-11
在vue使用antd table的columns属性时出现“Cannot read properties of undefined”错误，可能有以下几种原因及解决办法： ### 1. table循环体问题 一般提示此报错基本为table循环体出现报错，比如赋值报错脚本认为...
antd的Table组件实现增加一行可编辑的单元格
outstanding木槿
02-10 769
/ 解释1：为什么e.stopPropagation() 阻止冒泡。关注表格，表格是可以左右滑动的，可以新增一行，新增的一行都是可编辑的单元格。一个页面上需要展示一个可编辑表格。这个页面就称它为父页面，表格为子页面。多个页面都需要使用这个表格，把这个表格做成了公共组件的形式。图2-没写e.stopPropagation()报错的定位。图1-没写e.stopPropagation()的报错。图3-写e.stopPropagation()
react使用antd组件合并Table单元格
wx258852的博客
12-06 1386
初始化合并单元格，必须对应projectnameRowSpan行名称重新组合方法。行数据可编辑方法，总数据编辑。
antd table合并行的columns配置动态修改列名导致的引用问题
hzxOnlineOk的博客
08-11 1897
因为antd的Table组件的columns是在初始化配置的时候一次性绑定的一个引用配置，因此，后续必须使用同一个引用配置columns才能使合并行效果生效，而我使用了序列化字符串再转回js对象，这个过程产生了新的引用，导致合并行的一些效果对应不上原先的配置，因此合并行效果失效。接着，setColumns成功，组件重新渲染，发现合并行失效了，文本替换也没有实时更新，变成和我的判断逻辑（汇总统计=总存储量，其他统计子类=存储量）相反了。......
React key值问题
会飞的代码的博客
10-15 922
报错： 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
不变违规：对象作为React子元素无效
CHCH998的博客
08-03 1325
In my component's render function I have: 在组件的render函数中，我有： render() { const items = ['EN', 'I
react中运行报错。Check the render method of `CountLineData`.
diyi0306的博客
09-23 6516
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...
Invariant Violation:Element type is invalid:expected a string(for build-in components)ora class....
慕天远的博客
04-16 2114
报错信息如下： 原因; 从react-native包中引入组件需要用{}包裹，即原文中应该改为 import {Button} from 'react-native'; 我们在react-native中导入组件的时候，如果组件创建的方法中使用了except default class XXX这种形式进行导出，那么我们在导入该组件的时候就不需要用{}包裹组件，如果在导出的时候没有...
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、付费专栏及课程。

余额充值