JavaScript 會自動給行末添加分號。如果 return 后面換行不加括號就會變成 return;。
就是說因為jsx語句跨行了,如果寫在一行是可以省略小括號的。
const About = () => ( <div> <h2>About</h2> </div> ) //等同於 const About = () => { return ( <div> <h2>About</h2> </div> ) }
另外,對於箭頭函數右邊的大括號()=》{ }
箭頭函數后面不加大括號,默認只能有一行代碼,默認return;
箭頭函數后面加大括號,默認沒有return;