ReactJs - 映射包含html标记的数据

Question

我的数据包含html标记，如下所示：

{
  "data" : 
   [
      {"id": 1, "content": "I am <b>important content!</b>"}
   ]
}

在绘制数据时进行渲染.....

data.map(function(item, index){
  <div key={ index }>{ item.content }</div>
}

  

它产生以下VISUAL输出：

I am <b>important content!</b>

  

我真正想要的是......

我重要内容！

当我遍历包含HTML标记的数据映射时，如何确保正确解释标记而不是字面解释？

非常感谢

更新

Arsh提供了一个解决方案并且它有效，我感谢他，但它引导我进入另一个难题。这有效......

  <div dangerouslySetInnerHTML={{__html: data.content}} />

由于我不知道用户是否会在他/她提供的内容中包含标记，这是否意味着这是最干净的方式？在准备呈现用户提供的内容时，我必须在每个 祝福的 变量中包含此代码段？