javascript - 显示更多/显示更少文本

Question

我是 React 的新手，我想让显示更多/显示更少按钮。当文本没有展开时，浏览器应该只显示 3 行。我找到了一个带有数组的解决方案（ReactJS How to add a show more/show less button），但我想用文本来做。我的问题是如何准确显示 3 行文本并在单击按钮时将其展开。

标签： javascriptcssreactjstypescript

Answer 1

您可以使用react-lines-ellipsis相同的方法使用npm install --save react-lines-ellipsis

  <LinesEllipsis
    text='long long text'
    maxLine='3'
    ellipsis='...'
    trimRight
    basedOn='letters'
  />

了解更多信息