优点:
1、组件化——帮助分工、合作、效率高
2、虚拟DOM——性能高
3、跨平台——移动端、网页
4、开放——可以和原生、jq配合
JSX
1.增强型js语法——html代码直接放js里
2.babel编译JSX(需下载bable)
注意:顶级元素有且仅有一个
ReactDOM.render(什么东西, 到哪儿去)
ReactDOM.render(
<span></span>, //OK
//错 <span></span><span></span>,
//错 asd<span></span>bdbaa,
oDiv
)
组件写法:
class 组件名 extends React.Component{
constructor(...args){
super(...args);
}
render(){
return 任何东西
}
}
ReactDOM.render(
<组件名/>,
容器
);
组件的参数:
1.传进去
<xxx a="12"/>
2.里面如何用
this.props.a
React加事件:
<input onClick={this.fn} /> 直接加
<input onClick={this.fn.bind(this)} /> 加事件的同时,解决this问题
未完待续...