Skip to content

Instantly share code, notes, and snippets.

@tai2
Last active April 8, 2018 07:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tai2/162e658ee2032a8dfb1657acf6a7b6e2 to your computer and use it in GitHub Desktop.
Save tai2/162e658ee2032a8dfb1657acf6a7b6e2 to your computer and use it in GitHub Desktop.
Q. JSXでreturnを丸かっこで囲んで渡すのはなぜ?

A. ASI対策

return 
  <div>
    <p>Why use parenthesis on JavaScript return statements?</p>
  </div>

これはできない

return <div>
  <p>Why use parenthesis on JavaScript return statements?</p>
</div>

これならOKだが、開きと閉じのタグの位置が揃っていないのが嫌

return (
  <div>
    <p>Why use parenthesis on JavaScript return statements?</p> 
  </div>
)

これなら開きと閉じタグの位置が揃う。

参考) https://blog.tai2.net/automatic_semilocon_insertion.html#restricted-production

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment