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学习之路01

项目结构如下:

React学习之路01

React实现简单效果

React学习之路01

react代码:

 React学习之路01


React的组件化:

         效果:

React学习之路01

代码实现:

      1:页头

     React学习之路01

        2:页中

    React学习之路01

     3:页脚

    React学习之路01

4:页面

      React学习之路01

相关文章:

  • 2021-04-20
  • 2021-04-09
  • 2021-06-07
  • 2021-06-11
  • 2021-12-05
  • 2021-04-17
  • 2021-12-11
猜你喜欢
  • 2022-01-12
  • 2021-09-29
  • 2021-08-27
  • 2021-12-03
  • 2021-12-17
  • 2021-12-11
  • 2021-10-05
相关资源
相似解决方案