首页 > 解决方案 > 将文本与反应组件混合

问题描述

我拥有一个输出纯文本与反应组件混合的组件。就像是:

<div>
  lorem ipsum <b>dolor</b>,{' '}
  some <a href="#">link</a> and{' '}
  again text.
  <i>great</i>.
</div>

渲染时,反应向我输出警告

数组或迭代器中的每个孩子都应该有一个唯一的“键”

我想知道如何解决这个问题。

标签: javascriptreactjsjsx

解决方案


删除多余的大括号

<div>
  lorem ipsum <b>dolor</b>,some <a href="#">link</a> and again text <i>great</i>.
</div>

推荐阅读