1 
     content={
        <span>
          <img className="rounded-circle img_center" 
           src={icon} alt="" />
         </span>
      }

如果内容是道具并且具有以上图像内容。

<span dangerouslySetInnerHTML={{ __html: content }} />;

这被渲染为[object object]，如何处理。还有一种方法可以使用片段而不是跨度标签来危险地渲染SetInnerHTML

4

2 回答 2

0

您不是在传递 HTML，而是在传递一个对象（在这种情况下显然是 JSX）。当一个对象直接呈现为 HTML 时，它会以 [object object] 的形式出现。将是导致它被读取为对象的类名，而不仅仅是不正确的 HTML。

使用 div 而不是 span。

于 2021-04-28T13:49:31.297 回答
0

在这种情况下，您不需要使用 dangerouslySetInnerHTML 而是使用这个库 jsxt-to-string

于 2021-04-28T13:33:25.297 回答