在搜索结果中仅显示文本示例

Question

我正在使用 ReactiveSearch（很棒的搜索 UI 库！）并试图弄清楚如何在 ReactiveList 搜索结果中显示大量的文本文章。目前它显示整篇文章，但我只想显示前 250 个字左右。

我只想说前 250 个字。 ReactiveList 有可能吗？如果是这样，我该怎么做？或者 ReactiveSearch 是否缺少我的功能设置？

这是当前显示它的简单行：

<p className="card-text">{data.Text}</p>

Answer 1

可以在几行之后截断文本。但ReactiveSearch 在库级别不支持此功能。

您可以通过使用名为react-truncate 的包来实现此目的。您可以阅读文档here。

希望这会有所帮助！