React报错之Type ‘() =＞ JSX.Element[]‘ is not assignable to type FunctionComponent

最新推荐文章于 2023-09-13 21:41:14 发布

[虚幻私塾】

最新推荐文章于 2023-09-13 21:41:14 发布

阅读量1.3k

点赞数

分类专栏： python 文章标签： react.js 前端前端框架计算机

本文链接：https://blog.csdn.net/m0_56069948/article/details/126377211

版权

当尝试从React函数组件返回元素数组时，会遇到'Type ‘() => JSX.Element[]’ is not assignable to type FunctionComponent'的错误。解决方法包括使用React.Fragment包裹元素，或者将数组放在一个DOM元素（如div）内。这样做可以避免向DOM添加额外节点。

摘要由CSDN通过智能技术生成

🚀 优质资源分享 🚀

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

正文从这开始~

总览

当我们尝试从函数组件中返回元素组成的数组时，会产生"Type ‘() => JSX.Element[]’ is not assignable to type FunctionComponent"错误。为了解决该错误，可以将元素数组包裹在React片段中。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p8nSTl4d-1660669695281)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c087d1cc17d24648859d6a497b37c358~tplv-k3u1fbpfcp-watermark.image?)]

这里有个示例用来展示错误是如何发生的。