如何用字符串显示html标签

Question

我有一个数据

const Data = [
{
id: '1',
title: 'Blablab<b>labl</b>abla',
},
{
id: '2',
title: '2Blablab<b>labl</b>abla',
},
];

<p>{Data.title}</p>

Output : Blablab<b>labl</b>abla 
tag <b></b> not render

我想要的输出是粗体

上面的代码只是一个例子，对于我项目中的数据，我使用API，在API中数据类型是字符串。字符串内部包含HTML标签，但是在display

中HTML是不可读的

Answer 1

Using dangerouslysetinnerhtml…

示例，例如

function MyComponent() {
return <div dangerouslySetInnerHTML={{__html: '2Blablab<b>labl</b>abla'}} />;
}

Answer 2

您可能需要使用markdown而不是dangerlysetinnerhtml。https://github.com/markedjs/marked