gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 21:33:39 25 4
gpt4 key购买 nike

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

最佳答案

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

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

for more information

关于javascript - 显示更多/显示更少文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60560749/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com