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 工程名
注意点:
- 组件名首字母必须大写
- html中的class不能叫class,应该写成
className
, html中的for不能写成for,应该写成htmlFor
- return中只能有一个顶层元素
- 事件绑定的写法
on事件名
(事件名的首字母必须大写) 例如:onClick -
事件必须修正this指针
方式一:<button onClick={this.方法名.bind(this)}>添加</button>
方式二:在构造器中使用 this.方法名 = this.方法名.bind(this); 推荐这种!!!! - react不是双向绑定框架,因此需要手动通知框架刷新
this.setState({key:value})
return中的循环必须使用map
循环。
组件的数据必须放到state
中进行管理。相当于vue的data属性。