reactjs - 使用 dangerouslySetInnerHTML 解析 HTML 时如何忽略 img 标签？

Question

我正在制作一个带有反应的公告板。在这里，帖子列表实现为 CardView。其内容包括缩略图、标题和部分内容。将列表中内容对应的部分带入dangerlySetInnerHTML，甚至解析img标签。有没有办法忽略 img 标签？

内容如下。

下面是代码。

<Link to={`/post/${item.postUserEmail}/${item.id}`} className="card" key={item.id}>
        <div
          className="thumb"
          style={{
            backgroundImage:
              item.postImage == null || item.postImage == "string"
                ? "url(https://amazonaws.com/7e17280b.png)"
                : `url(${item.postImage})`,
          }}
        />
        <article>
          <h1>{item.postName}</h1>
          <h6
            style={{ overflow: "hidden", textOverflow: "ellipsis" }}
            dangerouslySetInnerHTML={{
              __html: DOMPurify.sanitize(item.content),
            }}
          />
          <span></span>
        </article>
      </Link>

如何忽略图像标签？