react-unveil:跨浏览器的ShowMore组件,用于具有合理默认值的React

时间:2024-05-30 08:51:27
【文件属性】:

文件名称:react-unveil:跨浏览器的ShowMore组件,用于具有合理默认值的React

文件大小:6.54MB

文件格式:ZIP

更新时间:2024-05-30 08:51:27

reactjs showmore unveil JavaScript

React揭开面纱 轻巧且可自定义的React组件,可通过限制内容高度来帮助节省空间,并具有扩展和隐藏内容的选项。 细节 在JS生态系统中,存在诸如 , 甚至来处理更多内容的显示。 但是,这些解决方案是针对特定于文本的用例量身定制的。 该库的目的是支持扩展和折叠丰富HTML。 它使用双重渲染技术执行此操作,其中首先在屏幕外渲染并测量内容,以便确定正确的渲染行为。 这意味着两次渲染将有少许性能开销,但是对于大多数应用程序来说,这不是一个大问题。 我很高兴接受PR寻求更好的解决方案。 演示版 安装 npm install --save react-unveil 用法 import Unveil from 'react-unveil' ; class Demo { render ( ) { return ( < Unveil maxHeight = {


【文件预览】:
react-unveil-master
----.babelrc(179B)
----rollup.config.js(486B)
----stories()
--------index.js(11KB)
--------styles.css(356B)
--------ball-spin-clockwise.min.css(3KB)
----.storybook()
--------config.js(141B)
--------addons.js(48B)
--------webpack.config.js(424B)
----docs()
--------index.html(1KB)
--------static()
--------iframe.html(789B)
--------favicon.ico(5KB)
----package.json(1KB)
----unveil.gif(5.94MB)
----LICENSE(1KB)
----src()
--------Less.js(665B)
--------index.js(4KB)
--------More.js(868B)
----.npmignore(51B)
----.gitignore(18B)
----README.md(4KB)
----yarn.lock(223KB)

网友评论