Reac裡面封裝單標籤元件和雙標籤元件

2021-10-03 17:17:54 字數 584 閱讀 7479

雙標籤封裝通過this.props.children來獲取標籤內的元素,主要目的就是能巢狀標籤

// 封裝好的元件 cm.js

import react, from 'react';

constructor(props);

}render()

111)

}}

index.js元件呼叫cm元件

import react,  from 'react';

import cm from './cm'

constructor(props);

}render()

}

單標籤元件跟雙標籤元件一樣,只不過不能巢狀元件,如果要把元件傳進去也可以

cm.js元件不變 改變index.js元件傳入的props

import react,  from 'react';

import cm from './cm'

constructor(props);

}render() />)}

}

HTML單標籤和雙標籤的區別及分類

單標籤 由乙個標籤組成。例如 雙標籤 由 開始標籤 和 結束標籤 兩部分構成。例如 是開始標籤,表示乙個段落的開始。是結束標籤,表示乙個段落的結束。html head title body h1 h2 h3 p pre div span a ul ol dt dd code mark iframe ...

PCB元件庫和封裝庫的製作

pcb元件庫和封裝庫的製作技術類別 pcb protel99se建庫規則 1 框架結構 分為原理圖元件庫和pcb元件庫兩個庫,每個庫做為乙個單獨的設計專案 1.1 依據元器件種類,原理圖元件庫包括以下16個庫 1.1.1 微控制器 1.1.2 積體電路 1.1.3 ttl74系列 1.1.4 com...

antd上傳元件upload踩坑和封裝

效果圖 1 公共元件封裝 將antd中的上傳元件進行改進 不同檔案格式使用不同上傳樣式 增加上傳限制 大小,數量,尺寸 uploadcustom.js import from ant design icons import from antd import axios from axios impo...