如何限制React中字符串数据的行数？

Question

在我的React应用程序中，我有一些名为description的数据列。它的段落太长，因此我想通过将其截断为1或2行来限制行数。

我查看了一个有用的插件，发现react-lines-ellipsis并成功地工作了，只是取消了原来的插件。

该插件将段落截断为1或2行，截断的部分显示为...。我想在点击...时取消对它的还原。我有办法做到这一点吗？还是有其他插件可以支持它？

从“ react-lines-ellipsis / lib / html”导入HTMLEllipsis； 从“ react-lines-ellipsis / lib / responseHOC”导入响应HOC；

const Slider = props => {

  const handleReflow = rleState => {
    const { clamped, text, unsafeHTML } = rleState;
    console.log(unsafeHTML);     <---- prints undefined
  };

  return (
    ...
    <ResponsiveEllipsis
      unsafeHTML = {store.description}
      onReflow = {handleReflow}
      maxLine = {1}
      ellipsis = "..."
    />
    ...
  )
}