React警告 Warning: Functions are not valid as a React

目羲

于 2022-06-30 15:36:28 发布

阅读量462

点赞数

文章标签： react.js vscode 前端

本文链接：https://blog.youkuaiyun.com/qq_45667304/article/details/125541446

版权

在学习React的过程中，遇到函数报错问题，提示函数作为React无效。发现VScode自动将单引号改为双引号并添加分号导致错误。为解决这个问题，博主创建了.prettierrc.json文件，配置单引号和不使用分号的规则，以避免代码格式化时引发的语法错误。

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

初学React的时候，按照视频的步骤一步一步的来但还是不知道为什么出错
最后查看意思说：函数作为React无效
有一种可能就是这个函数并没有发挥出它原有的作用或者是由于一些小小的错误，比如说忘加括号，引号等

在这里插入图片描述
后面查看我自己的代码，有一个地方的代码不知道为什么VScode自动将我的单引号改成双引号并且加上了分号

	const myId = 'aTgUiGu' //此行为正确代码
    const myData = "hEllo,rEaCt"; //此行为错误代码

后面查看多方资料
有一个方法：在项目的根目录之下创建一个.prettierrc.json文件，并粘贴以下代码

{
    "singleQuote":true,
    "semi":false
}