優(yōu)點(diǎn):
1、組件化——幫助分工、合作、效率高
2、虛擬DOM——性能高
3、跨平臺(tái)——移動(dòng)端、網(wǎng)頁
4、開放——可以和原生、jq配合
JSX
1.增強(qiáng)型js語法——html代碼直接放js里
2.babel編譯JSX(需下載bable)
注意:頂級(jí)元素有且僅有一個(gè)
ReactDOM.render(什么東西, 到哪兒去)
ReactDOM.render(
<span></span>, //OK
//錯(cuò) <span></span><span></span>,
//錯(cuò) asd<span></span>bdbaa,
oDiv
)
組件寫法:
class 組件名 extends React.Component{
constructor(...args){
super(...args);
}
render(){
return 任何東西
}
}
ReactDOM.render(
<組件名/>,
容器
);
組件的參數(shù):
1.傳進(jìn)去
<xxx a="12"/>
2.里面如何用
this.props.a
React加事件:
<input onClick={this.fn} /> 直接加
<input onClick={this.fn.bind(this)} /> 加事件的同時(shí),解決this問題
未完待續(xù)...