react常见报错之一：Functions are not valid as a React child. This may happen if you return a Co...

最新推荐文章于 2023-03-31 09:16:59 发布
最新推荐文章于 2023-03-31 09:16:59 发布
阅读量5.9k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57169857/article/details/118497549
版权

React DOM 渲染 函数调用 错误修复
关键词由CSDN通过智能技术生成

先看报错信息：

解决方案：

        react操作渲染DOM，利用jsx，在写html结构较为复杂时，就需要用到一个函数来装它

我在报这个错误后，找了一会，才发现是自己调用函数没有加括号，这是个大坑，虽然没有任何难度，但是贼容易踩  古人云：坑踩多了，就避开了。。。

star—皆空
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
03-06
react：https://react.nodejs.cn/reference/react/hooks vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：...
react-18.2.0
03-17
React是世界上最受欢迎的JavaScript库之一，用于构建用户界面，尤其是单页应用程序（SPA）。这个"react-18.2.0"压缩包包含了React库的最新版本18.2.0的源码，允许开发者深入理解其内部工作原理，优化性能，并进行...
React 报错 Functions are not valid as a React child. This may happen if you return a Component
清云
03-31 2208
React 报错 Functions are not valid as a React child. This may happen if you return a Component
Functions are not valid as a React child. This may happen if you return a Component instead of
树上骑个猴的博客
06-26 3165
报错信息：Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it.使用一个{} 去渲染一个组件 就会报这样一个错误例如 是一个组件使用时不小心写成了 所以报上面的错误应该将 改为...
react报错Functions are not valid as a React child. This may happen if you return a Component instead o
liguoyuan819的博客
04-19 4593
react报错 Functions are not valid as a React child. This may happen if you return a Component instead of <Component> react渲染路由组件时，循环遍历使用route展示对应的组件，element里面写对应的组件时，如果直接用element={route.component}会报错，这时不会将route.component渲染成组件，而应该写成element={<route.c
Functions are not valid as a React child. This may happen if you return a Component instead of 「Comp
知无涯
07-08 7904
控制台报错 Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 使用一个{} 去渲染一个组件 就会报这样一个错误 FooterForm 是一个组件 使用时不..
React报错大坑之一：Warning: Functions are not valid as a React child. This may happen if you return a Co...
热门推荐
Easylee的博客
05-16 4万+
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 翻译： 方法（函数）作为一个React子组件是无效的。 出现这种情况可能是因为： ①你return..
React 基础教程.pdf
最新发布
07-10
class Toggle extends React.Component { constructor(props) { super(props); this.state = { isToggleOn: true }; this.handleClick = this.handleClick.bind(this); } handleClick() { this.setState...
React框架教程.docx.docx
06-11
这里定义了一个名为 `MyComponent` 的类，该类继承自 `React.Component`。`render()` 方法返回了一个 `<h1>` 元素，这将被渲染为实际的 HTML。 ##### 2.2 JSX **JSX** 是一种类似于 HTML 的语法扩展，它使得在 ...
React.js绑定this的5种方法(小结)
10-18
在React.js中，正确地绑定this关键字是一个经常被讨论的话题。随着React版本的演进，对于如何在组件中绑定this，开发者们有多种选择。本文将详细探讨在React中绑定this的五种方法，并对每种方法进行分析。 1. 使用...
Functions are not valid as a React child. This may happen if you return a Component instead of ＜Com
kjprime的博客
03-10 995
详情 这个问题我还以为是路由写错了，一直搞错了方向，原来就是语法错误。 解决方法 就是在大括号{}中的组件要写成带尖括号的。如：{Login} => {<Login />}
【React报错】Warning: Functions are not valid as a React child. This may happen if you return a Com...
uaena的博客
11-18 2607
Warning: Functions are not valid as a React child.....问题是调用某个方法时忘记加括号 （以上报错说的不好懂 反正问题就是没加括号） 解决办法：就是在方法名后面加上括号 （） eg. 如以上我想调用createFirstList这个方法时， 这里没加括号 以上纯属个人记录 ...
RN Exception: Warning: Functions are not valid as a React child. This may happen if you return a ...
hzxOnlineOk的博客
03-16 673
异常 ReactNativeJS: Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function ra...
Functions are not valid as a React child. This may happen if you return a Component instead of ＜Comp
无简介！！
08-29 179
react路由模块问题
Warning: Functions are not valid as a React child. This may happen if you return a Component instead
良人未归 ッ 佳人独醉 ッ
02-22 2134
初学者经常犯的错误,ReactDOM.render 渲染时,第一个参数应该为组件标签, 将 更改为: 完美解决
react 使用useRoutes遇到的问题
Lora_0925的博客
07-01 3615
Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it.
react-router-dom 报错1
weixin_42677616的博客
12-08 532
index.js:1 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 原因： 1、你return一个组件时，错写成Component而不是写成&.
functions are not valid as a react child. this may happen if you return a component instead of <component /> from render. or maybe you meant to call this function rather than return it.
06-28
这个错误提示是在React中常见的错误之一。它的意思是你在渲染组件的时候，返回了一个函数而不是一个组件，或者你返回的是一个组件函数，但是没有用尖括号 < > 包裹。另外一种可能是你本来想调用这个函数，但是却使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值