React日常填坑手册（持续更新）

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弹出配置文件

转载于:https://www.cnblogs.com/xiedashuaige/p/7905201.html