1.react中自己定义的组件第一个字母一定要大写,如<app />会不显示,<App />才能正常显示。
2.在react中点击事件里面setState时会使this重新定义,所以在点击的函数里面使用this.setState()时会报错setState not underfind,因此需要提前给点击事件的函数绑定this
this.handleClick = this.handleClick.bind(this);
栗子如下,同时这也是statc的实例
import React, { Component } from 'react';
class test extends Component {
constructor(props) {
super(props);
this.state = {
liked: false
};
this.handleClick = this.handleClick.bind(this);
}
handleClick(event) {
this.setState({liked: !this.state.liked});
}
render() {
var text = this.state.liked ? '喜欢' : '不喜欢';
return (
<div onClick={this.handleClick}>
你<b>{text}</b>我。点我切换状态。
</div>
);
} }
export default test;
3.当你开始询问关于React和AJAX的一些东西时,专家们首先就会告诉你React只是一个View层的库,它并没有网络及AJAX的相关功能。
4.用官方推荐的create-react-app脚手架工具
如果想要自己修改webpack之类的配置需要执行npm run eject弹出配置文件