<> 是 React.Fragment 的简写标签。它允许我们对元素列表进行分组，而无需将它们包装到新节点中。
建议：基本上，我们应该在任何时候使用
React.Fragment或<>，它可以避免不必要的div包装器，得到一个更加清晰的标签结构。
所以我们可以这样做：
return (
<>
<Header />
<Navigation />
<Main />
<Footer />
</>
)
它们之间唯一的区别是简写版本不支持 key 属性。
以下是在多行字符串中插入新行（br）标签的常见示例：
{
str.split('\\n').map((item, index) => {
return (
<Fragment key={index}>
{item}
<br />
</Fragment>
)
})
}
