[react] render函數(shù)中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 className="c_navbar">{ some jsx magic here }</nav>) } const Nav = () => {return <nav className="c_navbar">{ some jsx magic here }</nav> }

錯誤的寫法：

const Nav = () => {return<nav className="c_navbar">{ some jsx magic here }</nav> }

?個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[react] render函数中return如果没有使用()会有什么问题？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。