混合App

Diff算法
react
node_modules:安裝的所有依賴的模塊
package.json:自定義項目的基本信息
public中的index.html:渲染模板
meat標簽引入的主頁一個自適應(yīng)的viewport聲明
link標簽引入項目基本配置文件anifest.json和圖標
react渲染div
react ES6語法

constructor(props){
super(props);
this.state={opacity:1.0};
}
react 基礎(chǔ)
componentWillMount
render:根據(jù)props和state返回一個react元素,不負責渲染,不能執(zhí)行任何副作用,如狀態(tài)的改變。
componentDidMount:this.getDOMNode()調(diào)用,this.setState渲染
componengtWillRecriveProps(nextProps):nextProps新傳進來的參數(shù)。調(diào)用setState,this.state更新后的
shouleComponentUpdate(nextProps,nexyState):不能調(diào)用setState
componentWillUpdate(nextProps,nextState):不能調(diào)用setState
render
componentDidUpdate(prevProps,prevState)
componentWillUnmount

props:
<Component data="測試props"/>
Component組件中this.props.data可取得data中的值 單值傳遞,多值傳遞,父向子傳遞

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

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

  • 作為一個合格的開發(fā)者,不要只滿足于編寫了可以運行的代碼。而要了解代碼背后的工作原理;不要只滿足于自己的程序...
    六個周閱讀 8,681評論 1 33
  • 40、React 什么是React?React 是一個用于構(gòu)建用戶界面的框架(采用的是MVC模式):集中處理VIE...
    萌妹撒閱讀 1,191評論 0 1
  • 3. JSX JSX是對JavaScript語言的一個擴展語法, 用于生產(chǎn)React“元素”,建議在描述UI的時候...
    pixels閱讀 2,979評論 0 24
  • 原教程內(nèi)容詳見精益 React 學習指南,這只是我在學習過程中的一些閱讀筆記,個人覺得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,945評論 1 18
  • 說在前面 關(guān)于 react 的總結(jié)過去半年就一直碎碎念著要搞起來,各(wo)種(tai)原(lan)因(le)。心...
    陳嘻嘻啊閱讀 7,035評論 7 41

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