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.html index.js import React, { Component } from 'react'; import ReactDOM from '

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

组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 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