用ReactJs写一个简单的手风琴菜单效果

最新推荐文章于 2024-08-10 08:27:22 发布

兜茄破

最新推荐文章于 2024-08-10 08:27:22 发布

阅读量5.5k

点赞数

分类专栏： Javascript 文章标签： React 手风琴效果

本文链接：https://blog.csdn.net/dullchap/article/details/52472446

版权

ReactJs除了利用Virtual DOM大大提高了页面渲染速度。

本身基于组件的编码方式也很优雅，组件层次结构比较清晰，挺易于维护的。

下面用ReactJs写一个简单的手风琴菜单效果，仅供学习交流。

完整源码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <script src="https://npmcdn.com/react@15.3.1/dist/react.js"></script>
    <script src="https://npmcdn.com/react-dom@15.3.1/dist/react-dom.js"></script>
    <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script>