- 单行的内容,没必要加括号,但对于多行的内容要加括号
- 原因在于,JSX转为js后,js会在每行自动加’;’,
- 如果 return后换行了,
- 那么就会变成
return;
- 如果不加括号的话,是需要右内容和return在同一行的
- 那么就会变成
- return的内容,必须只能有一个根节点
- 所以返回的内容必须有一个标签进行包裹,
- 否则不管,加不加括号都会报错
// 报错的案例,如果不加括号,还在return后换行了,那就会报错
class App extends Component {
render() {
return
<div className="App">
</div>
}
}
// 不会报错
class App extends Component {
render() {
return <div className="App">
</div>
}
}