关于React中渲染dom节点

52 阅读1分钟

React中需要动态的插入dom碎片,比如用户引导中的操作指南是个超链接或者需要文字加样式,这个时候我们可以使用属性:dangerouslySetInnerHTML 例如:

<div>
   {msg.map((obj, index) => {
  return (
    <div
      className={styles.modalContentInner}
      dangerouslySetInnerHTML={{
        __html: `${index + 1}、${obj}`,
      }}
      key={`index_msg_${index}`}
    />
  );
})}
</div>