初學(xué)react

優(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ù)...

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容