首页 > 解决方案 > 在搜索结果中仅显示文本示例

问题描述

我正在使用 ReactiveSearch(很棒的搜索 UI 库!),并试图弄清楚如何在 ReactiveList 搜索结果中显示大量的文本文章。目前它显示了整篇文章,但我只想显示前 250 个单词左右。

在此处输入图像描述

我只想说前 250 个字。ReactiveList 有可能吗?如果是这样,我该如何去做,或者 ReactiveSearch 是否缺少我的功能设置?

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

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

标签: reactivesearch

解决方案


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

您可以通过使用名为react-truncate. 您可以在此处阅读文档。

希望这可以帮助!


推荐阅读