Реагировать опасно SetInnerHTML отображает [объект объекта] для свойства изображения

Question

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

если содержимое является опорой и имеет содержимое выше изображения.

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

Это отображается как [объект объект], как с этим можно справиться. Также есть способ использовать фрагменты вместо тега span для визуализации опасно SetInnerHTML

Answer 1

в этом случае вам не нужно использовать но используйте эту библиотеку опасноSetInnerHTML,jsxt-to-string

Answer 2

Вы не передаете HTML, вы передаете объект (в данном случае, очевидно, JSX). Когда объект визуализируется непосредственно как HTML, он выводится как [объект объекта]. Это будет className, которое заставит его считаться как объект, а не просто неправильный HTML.

Используйте div, а не span.