主流网站开发,成都 html5网站,可以做网页的软件,dedecms旅游网站模板[react] render函数中return如果没有使用()会有什么问题#xff1f;
我们在使用JSX语法书写react代码时#xff0c;babel会将JSX语法编译成js#xff0c;同时会在每行自动添加分号#xff08;#xff1b;#xff09;#xff0c;如果return后换行了#xff0c;那么就会…[react] render函数中return如果没有使用()会有什么问题
我们在使用JSX语法书写react代码时babel会将JSX语法编译成js同时会在每行自动添加分号如果return后换行了那么就会变成 return 一般情况下会报错
Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
上面这段英文翻译成中文
渲染没有返回任何内容。这通常意味着缺少return语句。或者为了不渲染返回null。
为了代码可读性我们一般会在return后面添加括号这样代码可以折行书写否则就在return 后面紧跟着语句这样也是可以的。
举两个正确的书写例子
const Nav () {return (nav classNamec_navbar{ some jsx magic here }/nav)
}
const Nav () {return nav classNamec_navbar{ some jsx magic here }/nav
}
错误的写法
const Nav () {returnnav classNamec_navbar{ some jsx magic here }/nav
} 个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论 主目录
与歌谣一起通关前端面试题
