仅显示搜索结果中的文本样本

Question

我正在使用ReactiveSearch（出色的Search UI库！），试图弄清楚如何才能在ReactiveList搜索结果中显示大量文本文章。目前，它显示了整篇文章，但我只希望显示前250个字左右。

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

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

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

Answer 1

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

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

希望这会有所帮助！