React ES6开坑随笔记

1 为事件绑定处理函数的时候如果不绑定this,this无法获取正常值，报undefined错误

onClick={this.handleClick.bind(this)}

2 通过官方脚手架create-react-app搭建的环境直接使用npm run build打包后会出现文件路径引用错误，使用npm run eject将配置文件析出后,修改config/path.js文件下的

publicUrl ? url.parse(publicUrl).pathname : '/' 修改为 './'

3 react-router的安装和引用使用了新方式

npm install react-router
npm install react-router-dom

多安装一个react-router-dom,导入方式改为

import {BrowserRouter as Router,Route,Link} from 'react-router-dom'

4 使用jquery ajax配合setState

let jqXHR = Common.ajaxProc("Login", sendData);
jqXHR.done(function (data) {
    if (data.status === 0) {
        console.log(data);
        this.setState({
            name: data.result.email
        });
    }
}.bind(this));

在回调函数的末尾绑定上this,否则setState方法会显示undefined错误