資訊專欄INFORMATION COLUMN
摘要：前言實習第二周，被告知要用與導師進行基于的的開發，由于這款框架沒學過，看了一峰老師的基礎入門教程，硬著頭皮開始上了組件的復用實現基本的需求之后，校閱代碼時，發現組件內有大量相似的代碼，代碼不夠簡潔，自然而然想到組件的復用。
前言
實習第二周，被告知要用React與導師進行基于React的Javaweb 的開發，jinzhangaaaaa~由于React 這款框架沒學過，看了一峰老師的基礎入門教程，硬著頭皮開始上了...
實現基本的需求之后，校閱代碼時，發現 A 組件內有大量相似的代碼，代碼不夠簡潔，自然而然想到組件的復用。
先上demo：
Title
以上的demo 的代碼注釋已經盡量詳細，這里有個至今較為困惑的點：父子組件的關系明確；我的簡單理解是；同一個的Child 組件 ，定義時，它為子組件，而在使用調用時，則為父組件; 若有錯誤，歡迎大家的指正！
寫完demo，結合項目，開始改改改...該項目屬于老項目，現在的工作是在原來的基礎上新增部分類似的功能板塊，同時做相關的優化
項目組件文件夾的結構目錄 app
components
ConsumeBill.jsx -----A 組件=demo中的HelloReact
ChildBill.jsx ------Child 組件
....
...
...
在A組件中需要引入Child 組件，在其 render方法中多次使用 Child組件 。[考慮代碼閱讀：將Child組件以外部文件的方式引入;若Child組件的HTML 代碼非常簡短，可無需外部引入，同demo中類似直接放在 A組件的React.createClass語句中] ;
繼續先上demo：
Title
*注意: JS語句 寫在Father組件中return [return 里是React語句]外面，在Father 組件的 render方法*里面
上面例子的demo：HelloReact 與 Child 組件是在同一文件(組件)內;外部引入呢？只要的Child部分代碼 以外部文件引入則可，后續補充。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89765.html
摘要：簡潔直觀強悍的前端開發框架，讓開發更迅速簡單。是一套基于的前端框架。首個版本發布于年金秋，她區別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：簡潔直觀強悍的前端開發框架，讓開發更迅速簡單。是一套基于的前端框架。首個版本發布于年金秋，她區別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：中國互聯網絡信息中心發布的中國互聯網絡發展狀況統計報告顯示，截至年月，我國網民規模達億人，微信月活億支付寶月活億百度月活億另一方面，中國手機占智能手機整體的比例超過，月活約億。在年末正式發布了面向未來的跨端的。 開源中國專訪：Chameleon原理首發，其它跨多端統一框架都是假的？ 原創： 嘉賓-張楠 開源中國 以往我們說某一功能跨多端，往往是指在諸如 PC、移動等不同類型的設備之...
閱讀 2687·2023-04-25 20:19
閱讀 1950·2021-11-24 09:38
閱讀 1639·2021-11-16 11:44
閱讀 4367·2021-09-02 15:40
閱讀 1355·2019-08-30 15:55
閱讀 2027·2019-08-30 15:52
閱讀 3767·2019-08-29 17:20
閱讀 2274·2019-08-29 13:48
