<Fragment><li>在我的React组件中，我有两个映射的列表，每个列表都分配了密钥： 使用

Question

使用

key

1. 使用

   <Fragment key={recipe.id}>

2. ，但是，当使用React DevTools检查组件时，我只能看到

   <li key={ingredient}>{ingredient}</li>

   （配方ID），但不能看到
   key
元素（成分键）。 REACT文档的符合措辞

文档：

：

jsx元素直接在一个呼叫中始终需要键！

在我的情况下，

<Fragment>和<li>

都放在各自的

map()

中。 thy react devtools为什么要显示

Fragment

li

但不为

key

？ React内部仍在内部使用

map()

的关键吗？还是我只是放错了它？

我累了，将

key

内部移动

<Fragment>

，Devtool只是完全忽略了

<li>

。

rrepo

erect开发工具仅显示组件。不是实际的DOM元素。 <li>

是一个组件，因此它将与其键一起显示。
另一方面，内部的

<li>元素不是组件，因此根本不显示它们。