React中需要动态的插入dom碎片,比如用户引导中的操作指南是个超链接或者需要文字加样式,这个时候我们可以使用属性:dangerouslySetInnerHTML 例如:
<div>
{msg.map((obj, index) => {
return (
<div
className={styles.modalContentInner}
dangerouslySetInnerHTML={{
__html: `${index + 1}、${obj}`,
}}
key={`index_msg_${index}`}
/>
);
})}
</div>