Javascript 反应-截断降价

我有一个由一些标记文本组成的字符串（

“**粗体***斜体*”

），我需要在React中呈现它。这本身就很简单，我可以使用

react markdown

模块

我需要的文本只跨一行，如果超过这一点，那么它应该被截断与省略号。对于它本身，我将使用

react truncate

问题是，当我结合使用这两个模块时，所有的标记格式（粗体和斜体）都消失了。它只是在

span

中呈现为纯文本

如何在React中截断标记的同时渲染标记

这是我目前的代码：

<Truncate lines={1}>
  <ReactMarkdown source={"**Bold** *Italic*"} />
</Truncate>

---

如果是一行，

traunchiate

可能是一种过分的做法，我建议使用

css

解决方案：

#测试{
宽度：300px；
填充：10px；
边框：1px实心#aaa；
调整大小：两者；
文本溢出：省略号；
空白：nowrap；
溢出：隐藏；
}

你好世界你好世界你好世界你好世界你好世界你好世界你好世界

如果是一行，

traunchiate

可能是一种过分的做法，我建议使用

css

解决方案：

#测试{
宽度：300px；
填充：10px；
边框：1px实心#aaa；
调整大小：两者；
文本溢出：省略号；
空白：nowrap；
溢出：隐藏；
}

你好世界你好世界你好世界你好世界你好世界你好世界你好世界

您是否接受CSS解决方案？单一文本截断对于CSS来说足够简单。多行变得有点棘手/不受支持。我发现的所有CSS解决方案都不太兼容跨浏览器。我在寻找一个更通用的解决方案。你能接受CSS解决方案吗？单一文本截断对于CSS来说足够简单。多行变得有点棘手/不受支持。我发现的所有CSS解决方案都不太兼容跨浏览器。我一直在寻找一个更通用的解决方案。我发现所有的CSS解决方案都不太兼容跨浏览器。我一直在寻找一个更通用的解决方案。

文本溢出

已经存在了相当长的一段时间，它似乎非常通用：我发现的所有CSS解决方案都不太兼容跨浏览器。我一直在寻找一个更通用的解决方案。

文本溢出

已经存在了相当长的一段时间，它似乎非常通用：