代码拉取完成,页面将自动刷新
基于 react 的 展开和收起动画 (在线查看DEMO)[https://monoplasty.github.io/react-expanse/]
如有问题欢迎(issue)[https://github.com/monoplasty/react-expanse/issues]
npm install react-expanse --save
import React, { useState } from 'react'
import ReactDom from 'react-dom'
import Expanse from "../../src/index"
function Demo() {
const [show, setShow] = useState(false);
return <div>
<button onClick={()=>setShow(!show)}>点我点我</button>
<Expanse show={show}>
<div style={{width: '400px', background: "#f2f2f2"}}>
{[1,2,3,4,5,6,7,8].map(item => <div key={item}>
这里是内容啊内容啊
</div>)}
</div>
</Expanse>
</div>
}
ReactDom.render(
<Demo />,
document.getElementById('app')
)
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。