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

Question

我是 React 新手，我想制作显示更多/显示更少按钮。当文本未展开时，浏览器应仅显示 3 行。我找到了一个带有数组( ReactJS How to add a show more/show less button )的解决方案，但我想用文本来完成。我的问题是如何精确显示 3 行文本并在单击按钮时将其展开。

Answer 1

您可以通过使用 npm install --save react-lines-ellipsis 来使用 react-lines-ellipsis 来实现相同的效果

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

for more information