我正在阅读 React 文档并被主题Fragments弄糊涂了。既然我们基本上可以在 React 中返回一个数组,那么在什么情况下需要<Fragements />
?
这是一个代码示例:
const ReturnArray = () => {
const items = [
<div key={1}>Item 1</div>,
<div key={2}>Item 2</div>,
<div key={3}>Item 3</div>,
]
return items
}
const ReturnFragments = () => {
const items =
<React.Fragment>
<div key={1}>Item 1</div>
<div key={2}>Item 2</div>
<div key={3}>Item 3</div>
</React.Fragment>
return items
}
我认为他们是一样的。
大多数现有的话题谈“键警告问题”像这样在github上,但我只是想知道的用例<Fragments />
编辑:
请告诉我是否有任何不明确的地方。
再具体一点:
请解释之间的差异<ReturnArray />
和<ReturnFragments />
。它们都返回多个没有无用<div>
标签的元素。为什么要费心使用额外的<React.Fragment />
部分?