成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

基于 react 的Java web 應用—— 組件復用(后續(xù)需更新)

kel / 2391人閱讀

摘要:前言實習第二周,被告知要用與導師進行基于的的開發(fā),由于這款框架沒學過,看了一峰老師的基礎入門教程,硬著頭皮開始上了組件的復用實現(xiàn)基本的需求之后,校閱代碼時,發(fā)現(xiàn)組件內(nèi)有大量相似的代碼,代碼不夠簡潔,自然而然想到組件的復用。

前言

實習第二周,被告知要用React與導師進行基于React的Javaweb 的開發(fā),jinzhangaaaaa~由于React 這款框架沒學過,看了一峰老師的基礎入門教程,硬著頭皮開始上了...

組件的復用

實現(xiàn)基本的需求之后,校閱代碼時,發(fā)現(xiàn) A 組件內(nèi)有大量相似的代碼,代碼不夠簡潔,自然而然想到組件的復用。

先上demo:



    
    Title
    
    
    


    

以上的demo 的代碼注釋已經(jīng)盡量詳細,這里有個至今較為困惑的點:父子組件的關(guān)系明確;我的簡單理解是;同一個的Child 組件 ,定義時,它為子組件,而在使用調(diào)用時,則為父組件; 若有錯誤,歡迎大家的指正!

寫完demo,結(jié)合項目,開始改改改...

該項目屬于老項目,現(xiàn)在的工作是在原來的基礎上新增部分類似的功能板塊,同時做相關(guān)的優(yōu)化

項目組件文件夾的結(jié)構(gòu)目錄
     app
         components
               ConsumeBill.jsx -----A 組件=demo中的HelloReact
               ChildBill.jsx  ------Child 組件
               ....
          ...
      ...
         

在A組件中需要引入Child 組件,在其 render方法中多次使用 Child組件 。[考慮代碼閱讀:將Child組件以外部文件的方式引入;若Child組件的HTML 代碼非常簡短,可無需外部引入,同demo中類似直接放在 A組件的React.createClass語句中] ;

繼續(xù)先上demo:



    
    Title
    
    
    


*注意: JS語句 寫在Father組件中return [return 里是React語句]外面,在Father 組件的 render方法*里面

上面例子的demo:HelloReact 與 Child 組件是在同一文件(組件)內(nèi);外部引入呢?只要的Child部分代碼 以外部文件引入則可,后續(xù)補充。






文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/89765.html

相關(guān)文章

  • UI大全:前端UI框架集合(持續(xù)更新,當前32個)

    摘要:簡潔直觀強悍的前端開發(fā)框架,讓開發(fā)更迅速簡單。是一套基于的前端框架。首個版本發(fā)布于年金秋,她區(qū)別于那些基于底層的框架,卻并非逆道而行,而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

    only_do 評論0 收藏0
  • UI大全:前端UI框架集合(持續(xù)更新,當前32個)

    摘要:簡潔直觀強悍的前端開發(fā)框架,讓開發(fā)更迅速簡單。是一套基于的前端框架。首個版本發(fā)布于年金秋,她區(qū)別于那些基于底層的框架,卻并非逆道而行,而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

    church 評論0 收藏0
  • 開源中國專訪:Chameleon原理首發(fā),其它跨多端統(tǒng)一框架都是假?

    摘要:中國互聯(lián)網(wǎng)絡信息中心發(fā)布的中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告顯示,截至年月,我國網(wǎng)民規(guī)模達億人,微信月活億支付寶月活億百度月活億另一方面,中國手機占智能手機整體的比例超過,月活約億。在年末正式發(fā)布了面向未來的跨端的。 開源中國專訪:Chameleon原理首發(fā),其它跨多端統(tǒng)一框架都是假的? 原創(chuàng): 嘉賓-張楠 開源中國 以往我們說某一功能跨多端,往往是指在諸如 PC、移動等不同類型的設備之...

    GraphQuery 評論0 收藏0

發(fā)表評論

0條評論

kel

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<