<>
是 React.Fragment
的簡寫標(biāo)簽拦盹。它允許我們對元素列表進(jìn)行分組淤刃,而無需將它們包裝到新節(jié)點中栽燕。
建議:基本上,我們應(yīng)該在任何時候使用
React.Fragment
或<>
台盯,它可以避免不必要的div
包裝器,得到一個更加清晰的標(biāo)簽結(jié)構(gòu)畏线。
所以我們可以這樣做:
return (
<>
<Header />
<Navigation />
<Main />
<Footer />
</>
)
它們之間唯一的區(qū)別是簡寫版本不支持 key
屬性静盅。
以下是在多行字符串中插入新行(br
)標(biāo)簽的常見示例:
{
str.split('\\n').map((item, index) => {
return (
<Fragment key={index}>
{item}
<br />
</Fragment>
)
})
}