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