React 知识点小结（一）：基础

React：facebook公司的框架。2013年开源的项目。

JSX语法：js语法的扩展。JS + XHTML的混写
xhtml语法要求：标签必须封闭。 <input /> <div></div>

虚拟dom：本质是js变量，是和真实dom一样的树形结构。js逻辑操作的是虚拟dom，最终虚拟dom会一次性把结果反映到真实dom上。

脚手架：

npm install create-react-app -g

生成项目：

create-react-app 工程名

注意点：

1. 组件名首字母必须大写
2. html中的class不能叫class，应该写成className, html中的for不能写成for，应该写成htmlFor
3. return中只能有一个顶层元素
4. 事件绑定的写法 on事件名 (事件名的首字母必须大写) 例如：onClick
5. 事件必须修正this指针
   方式一：<button onClick={this.方法名.bind(this)}>添加</button>
   方式二：在构造器中使用 this.方法名 = this.方法名.bind(this); 推荐这种！！！！
6. react不是双向绑定框架，因此需要手动通知框架刷新

this.setState({key:value})

return中的循环必须使用map循环。
组件的数据必须放到state中进行管理。相当于vue的data属性。