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