React Native中return语句为何需要使用括号？

嘿，这个问题问得特别实在！其实这背后是JavaScript的**自动分号插入（ASI）**规则在搞事情，咱们把它说清楚：

• 避免自动分号截断代码
  JavaScript引擎有个“自动补充分号”的特性，当它看到return语句后面直接换行时，会自动在return末尾插入分号。比如你要是这么写：

  return
  <Modal>
    <View>
      {/* 你的组件内容 */}
    </View>
  </Modal>
  

  引擎会把它解析成return;，后面的JSX代码直接被忽略，最终返回undefined，这完全不是你想要的结果对吧？

• 括号标记连续表达式
  用括号把多行JSX包裹起来，就是明确告诉JavaScript引擎：“这一整块内容都是我要返回的表达式，别随便插分号截断！”这样引擎就会把括号内的所有JSX代码当作return的返回值，完整执行并返回。

• 单行JSX可省略，但推荐统一使用
  如果你把JSX写在return同一行，比如return <Modal />;，不加括号也能正常运行。但为了代码风格统一，也为了避免后续把单行改成多行时忘记加括号踩坑，几乎所有React/React Native项目都会统一给return的JSX加上括号。

顺带提一句，这可不是React Native独有的规则，所有使用JSX的React项目都遵循这个逻辑哦。

内容的提问来源于stack exchange，提问作者Shashika Virajh