react-text-ellipsis
git: github.com/johnj2711/r…
npm: www.npmjs.com/package/rea…
概述
react-text-ellipsis 是一个 React 组件，旨在处理文本溢出和省略号，类似于 vue3-vant4-van-text-ellipsis 组件。该组件提供了一种简单有效的方式来管理长文本字符串，并且可以省略号后可添加按钮，确保它们整齐地显示而不破坏布局。
参考抖音等短视频详情介绍
特性
- 文本溢出处理：自动截断超过指定长度的文本，并添加省略号。
- 可定制：易于调整的属性以适应您的设计需求。
- 按钮支持：包括切换完整文本视图的功能，允许用户根据需要展开或折叠文本。
安装
要安装该组件，请使用 npm 或 yarn：
属性
content (字符串)
要显示的文本内容。这是一个必需的属性。
onClickAction (函数)
当点击操作文本（例如“更多”或“更少”）时触发的回调函数。它接收一个 MouseEvent 作为参数。
rows (数字，可选)
在截断文本之前要显示的行数。默认为 2。
dots (字符串，可选)
在截断文本末尾显示的字符串。默认为 '...'。
expandText (字符串，可选)
在内容折叠时显示的文本。默认为 '更多'。
collapseText (字符串，可选)
在内容展开时显示的文本。默认为空字符串。
示例
react 版本 text-ellipsis
!! 喜欢记得star
