liangzelei的博客

（需要本机具有NodeJS环境）1.创建项目文件夹2.初始化项目打开命令行，定位到所创建的目录下，执行 "npm init" 命令后根据提示输入，如下图：3.安装依赖在命令行执行入下命令： npm install -g --save react react-dom babelify webpack webpack-dev-server npm instal

React 推荐以组件的方式去重新思考 UI 构成，将 UI 上每一个功能相对独立的模块定义成组件，然后将小的组件通过组合或者嵌套的方式构成大的组件，最终完成整体 UI 的构建。下面是一个简单的组件化例子：index.htmlindex.jsimport React, { Component } from 'react';import ReactDOM from '

注释render(){ // 在 js 中的注释方式 return( {/*在 jsx 中的注释方式*/} ) }PS:注意在jsx中不可以在最外层进行注释（div内部）变量三元表达式内嵌HTML

组件的生命周期可分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOM生命周期的方法有：componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以

以下提供三种方法：import React, { Component } from 'react';import ReactDOM from 'react-dom';class Index extends Component { onClick(event){ console.log(event.target.value); // 第一种方式 var subm