Advertisement

React 学习笔-钢琴效果

阅读量:

React学习笔记-下拉列表(手风琴效果)

文章结构概览

  • React学习记录-下拉菜单(手风琴动画)
        • 1.开发环境配置
        • 2.实现代码
        • 3.展示效果如下

1.环境安装

完成nodejs的安装后,可通过执行node -v命令验证安装状态是否正常。

随后进入项目所在文件夹,启动命令行界面,运行npm i create-react-app以安装React的脚手架工具,其目录结构示例如下

复制代码
    ├─public
    	├─index.html
    ├─src
    	├─App.js
    	├─data.js
    	├─dl.js
    	├─index.css
    	├─index.js
    
    
      
      
      
      
      
      
      
      
    

2.代码

复制代码
    //App.js
    import React,{Component} from 'react';
    import Dl from './dl';
    import data from "./data";
    class App extends Component{

全部评论 (0)

还没有任何评论哟~