React 入门
1.安装node.js
通过npm安装react开发环境
1.1:npm init(项目初始化)
1.2:npm install --save react react-dom babelify babel-preset-react(项目依赖包安装)
1.3:npm install --save babel-preset-es2015(项目依赖包安装)
2.使用webpack打包,管理项目
2.1:npm install -g webpack
2.2:npm install -g webpack-dev-server
2.3:webpack-dev-server(运行项目),然后直接访问localhost:8080
效果如下:
项目结构如下:
React实现简单效果
![](https://i-blog.csdnimg.cn/blog_migrate/3b65b834fb8c8831037b79d153c60144.png)
react代码:
React的组件化:
效果:
代码实现:
1:页头
2:页中
3:页脚
4:页面