改行の際に () が必要なのはなぜですか?

return の後に改行を入れると何も返さない return 文となってしまうためです。
2021年10月12日
ユーザー

お世話になっております。

0:12 少しこのあたりを見やすくしたいので、括弧と改行をいれてわかりやすくしてあげます。

とありますが、なぜ括弧が必要なのかがわかりません。
試しに括弧なしで、以下のように見やすく改行を入れただけで実行してみましたが、エラーとなりました。

function Counter(props) {

  function countUp() {
    alert('count Up!');
  }

  return 
    <li style={{backgroundColor:props.color}} onClick={countUp}>
      0
    </li>;  
}   

見やすいように改行だけ入れることは今までのレッスン(他の言語)でもありましたが、
今回の場合なぜ ( ) が必要なのか、また、どのような場合に必要となってくるのかを教えて頂きたいです。

的外れな疑問でしたら申し訳ございませんが、よろしくお願い致します。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?