为什么React中map渲染列表时DOM树会同时出现<li>元素和索引值

修复方法 #

删除多余的外层Object.entries包裹即可，修正后代码参考：

Object.entries(category[1]).map(group => (
  group[1].sort().map((product, index) => (
    <li key={product.id}
        className="products-wrapper__item">
          <h1>{`product-${index}`}</h1>
    </li>
  ))
))

内容的提问来源于stack exchange，提问作者mess