react，es6的括号问题

Posted 2021-03-18 rong88

javascript 会自动给行末添加分号。如果 return 后面换行不加括号就会变成 return;。

　　就是说因为jsx语句跨行了，如果写在一行是可以省略小括号的。

const About = () => (
  <div>
    <h2>About</h2>
  </div>
)
//等同于
const About = () => {
    return (
      <div>
        <h2>About</h2>
      </div>
    )
}

另外，对于箭头函数右边的大括号（）=》{ }

箭头函数后面不加大括号，默认只能有一行代码，默认return; 
箭头函数后面加大括号，默认没有return;