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。