尽管已定义密钥，但仍会发生密钥属性错误

Question

在反应中，我有以下ul ：（我知道使用索引并不总是最好的主意。只是为了简单起见）

  <ul>
    {project.topics.map((topic, i) =>
      <li key={i}>{topic}</li>
    )}
  </ul>

这将导致以下警告：

Warning: Each child in a list should have a unique "key" prop.

Check the render method of `CvPage`. See .... for more information.
   in projectCard (at cv.js:22)

为什么对关键属性有反应，尽管它在那里？ HTML看起来像这样：