React dangerouslySetInnerHTML 正在为图像道具渲染 [object object]

Question

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

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

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

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

Answer 1

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

Answer 2

您没有通过 HTML 您正在通过 object （在这种情况下显然是 JSX）。 当 object 直接呈现为 HTML 时，它会显示为 [object object]。 这将是导致它被读取为 object 而不仅仅是不正确的 HTML 的类名。

使用 div 而不是 span。