内容没有变得大胆

Question

在我的反应应用程序中，我从服务器获取一个段落。该段落中有一些标签。当我在我的应用程序中呈现它时，该标记中的文本不会变得粗体。

这是我得到的段落或行

<b>Minister</b> the only thing that Mr Sharda

以下是我渲染的方式

<ol> 
    {item['match'].map((v, i) => {
    return <li>{v}</li>    //v is he line i get which has <b>
    })}
</ol>

但是，当我渲染时，会看到内容中出现的文字。没有被认为是大胆的。我该怎么办？

Answer 1

因为React将您的变量解释为字符串。你想要做的是将你的内容显示为HTML。

您应该使用dangerouslySetInnerHTML，但请注意其用法：https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

<ol>
  {item['match'].map((v, i) => {
    return <li dangerouslySetInnerHTML={{ __html: v }} />;
  })}
</ol>