昨天我們了解到如何透過 Props
來傳遞資料給子元件。而今天我們要來認識如何在元件中間包裹內容。
function Card(props) {
const classes = 'card ' + props.className; //必須這樣撰寫才能將原本Component上的 ClassName 加入
return (
<div className={classes}>{props.children}</div>
)
}
我們過往都是透過 <div>
包裹一個物件,但是如果我們用自製元素來包裹的話,我覺得概念蠻像
是一個 Template ,目的是可以節省 css 或是 HTML 撰寫。