優(yōu)點:
1碴开、組件化——幫助分工毅该、合作博秫、效率高
2、虛擬DOM——性能高
3眶掌、跨平臺——移動端台盯、網(wǎng)頁
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(
<組件名/>静盅,
容器
);
組件的參數(shù):
1.傳進去
<xxx a="12"/>
2.里面如何用
this.props.a
React加事件:
<input onClick={this.fn} /> 直接加
<input onClick={this.fn.bind(this)} /> 加事件的同時,解決this問題
未完待續(xù)...