react使用antd组件提示不能做为jsx组件

最新推荐文章于 2024-04-24 09:21:47 发布
最新推荐文章于 2024-04-24 09:21:47 发布
阅读量1.1k 收藏 2
点赞数 2
文章标签： react.js 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43626376/article/details/132109453
版权

使用umi创建的项目，使用antd组件时如下图提示不能做为jsx组件
在这里插入图片描述
这是typescript的版本问题，使用ctrl+command+P输入typescript选择项目本身的版本在这里插入图片描述
我的是hypo-admin项目，所以选择这个版本就可以了
另外typescript里配置的jsx配置为react-jsx，在文件中可以省略react的引入
在这里插入图片描述

海玻哒
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
JavaScript基础笔记
csdndeidl的博客
11-28 1213
1.计算机内部使用二进制0和1来表示数据. 2．所有数据，包括文件、图片等最终都是以二进制数据（0和1)的形式存放在硬盘中的. 3．所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件，其实就是把程序文性复制到硬盘中。
react+ts 引入antd组件时提示 “XXX”不能用作 JSX 组件。
m0_47668952的博客
01-19 856
react+ts 引入antd组件时提示 “XXX”不能用作 JSX 组件。
React中提示XXX不能用作JSX组件
weixin_72237725的博客
03-06 4456
React中提示"XXX"不能用作JSX组件
“DatePicker”不能用作 JSX 组件。
最新发布
qq_46544185的博客
04-24 190
3.清理工作目录中未被 Git 跟踪的文件和目录git clean -dfx。删除node_moudles,重新install（有效）1.@types\react和ts版本对应不上。在package.json加上如下代码（无效）因为项目更新，代码检查出现【“DatePicker”不能用作 JSX 组件】的提示。2.删除node_moudles,重新install（无效）可以运行，但是看起来很难受。
解决Umi初始化项目引入Antd组件报错“xxx“不能用作 JSX 组件
m0_71485750的博客
07-16 3244
因为你的其他库依赖了@types/react或者@types/react-dom，比如项目安装了react-router这个库, 而这个库又安装了18版本的@types/react，导致多个ts校验不通过。: 尝试在package.json里面添加以下配置：版本改为你指定的版本就好。: 在使用umi初始化项目后, 所有从antd引入的组件全部报。
React提示Button不能被用作JSX组件（‘Button‘ cannot be used as a JSX component)
qq_28081057的博客
11-10 1433
在vscode中typescript版本不兼容，出现异常提示
vscode检测element组件为jsx，报错
qq_41203489的博客
06-07 1343
vscode检查element组件为jsx语法
‘XXX’ cannot be used as a JSX component 原因
weixin_45954775的博客
11-03 5524
react 对应ts 版本一致或者返回的是一个jsx数组而不是单个 JSX 元素
react-antd table树形数据默认展开行实现jsx文件
12-18
react-antd table树形数据默认展开行实现jsx文件
React+antd后台管理系统模板
12-01
这个模板主要用于开发者熟悉React和antd组件库的使用，同时也展示了如何在React应用中集成react-router进行页面路由管理。让我们深入了解一下这个项目所涵盖的关键知识点。 1. **React**：React是Facebook开发的...
React-Native 组件之 Modal的使用详解
08-29
React-Native 组件之 Modal 的使用详解 Modal 组件是 React-Native 中一个非常重要的组件，它可以用来覆盖包含 React Native 根视图的原生视图（如 UIViewController，Activity），用它可以实现遮罩的效果。在实际...
webpack+react+antd脚手架优化的方法
08-27
Webpack+React+Antd脚手架优化方法 本篇文章主要介绍了Webpack+React+Antd脚手架优化的方法，旨在提高项目的打包性能和开发效率。下面将详细讲解每个优化方法的实现细节。 样式分离 样式分离是将CSS、LESS、SASS...
antd组件Upload实现自己上传的实现示例
10-17
在本文中，我们将深入探讨如何使用Ant Design（antd）组件库中的`Upload`组件来实现自定义上传功能。Ant Design是一个流行的React UI框架，提供了一系列美观且实用的组件，其中包括`Upload`，用于处理文件上传操作。...
React 安装 报错“Modal不能用作jsx组件”
weixin_46124208的博客
07-13 1840
React 安装 报错“Modal不能用作jsx组件”
关于Row\Col等组件标签报错 React中提示XXX不能用作JSX组件 的问题解决。
weixin_69955217的博客
09-19 419
查找了很多相关文章，最后的解决办法是将yarn.lock ，删除掉之后，再npm i下载依赖，解决了问题。VSCode代码各种爆红，报错，但是并不影响代码的整体运行，归根结底 ，是依赖出了问题。
react xxx 不能用作 JSX 组件-工作中遇到的问题
qq_43853213的博客
04-29 4236
最近总是遇到这样的问题 之前百度没有找到问题 直接使用忽略TS 提示可以隐藏掉这个报错 {/* @ts-ignore */} // @ts-ignore
提示xxxx不能用作jsx元素解决方案
lx233
02-14 583
直接增加import 导入就可以，莫名奇妙识别不到，可能是有默认导入的，冲突。
”不能用作JSX组件。其返回类型“Promise”不是有效的JSX元素
zouzouwu的博客
04-06 215
解决办法：将组件的异步数据删除，把异步数据的获取放到prop里面，异步数据函数放到父页面page里面。在写一个组件的时候使用了async,await.组件不让使用异步函数。
VScode注释react文件中的jsx时，不能自动使用{/* xxxx */}
lhhzzy的博客
04-13 900
是 Babel ES6/ES7 这个vscode插件导致的 用 Babel JavaScript 代替这个插件就可以了，解决注释问题并保持es6/7的代码颜色正确
vscode中vue3报错无法使用JSX
BTSONet
06-24 1497
无法使用 JSX，除非提供了 "--jsx" 标志。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值