React ES6开坑随笔记

来源：互联网发布：javlibrary最新域名编辑：程序博客网时间：2024/06/07 00:56

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-routernpm 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错误

0 0