// 使用JSX去調(diào)用組件
function FancyBorder(props) {
return (
<div className={'FancyBorder FancyBorder-' + props.color}>
{props.children}
</div>
);
}
function WelcomeDialog() {
return (
<FancyBorder color="blue">
<h1 className="Dialog-title">
Welcome
</h1>
<p className="Dialog-message">
Thank you for visiting our spacecraft!
</p>
</FancyBorder>
);
}
// 將組件通過組件的自定義props來傳遞呐粘，而不是通過props.children來傳遞
function SplitPane(props) {
return (
<div className="SplitPane">
<div className="SplitPane-left">
{props.left}
</div>
<div className="SplitPane-right">
{props.right}
</div>
</div>
);
}
function App() {
return (
<SplitPane
left={
<Contacts />
}
right={
<Chat />
} />
);
}
React 組合關(guān)系
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門壳鹤，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人饰迹，你說我怎么就攤上這事芳誓。” “怎么了啊鸭？”我有些...
- 文/不壞的土叔 我叫張陵锹淌，是天一觀的道長。 經(jīng)常有香客問我赠制，道長赂摆，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮烟号，結(jié)果婚禮上曲楚，老公的妹妹穿的比我還像新娘。我一直安慰自己褥符，他們只是感情好龙誊，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著喷楣，像睡著了一般趟大。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上铣焊，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼懈糯！你這毒婦竟也來了涤妒？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布雹食，位于F島的核電站，受9級特大地震影響期丰，放射性物質(zhì)發(fā)生泄漏群叶。R本人自食惡果不足惜吃挑，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望街立。 院中可真熱鬧舶衬，春花似錦、人聲如沸赎离。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽梁剔。三九已至虽画，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間荣病，已是汗流浹背码撰。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 說明：由于知識點梳理時間緊張编兄，內(nèi)容中不免有錯別字出現(xiàn)轩性，如影響閱讀，請私信本人狠鸳，六月_Z
- React.js 小書 Lesson8 - 組件的組合件舵、嵌套和組件樹 本文作者：胡子大哈本文原文：http://h...
- 在需要分析中，有時候總是對于泛化關(guān)系稼跳、關(guān)聯(lián)關(guān)系盟庞、聚合關(guān)系、組合關(guān)系傻傻分不清楚汤善，??什猖。在邱老師的《系統(tǒng)分析師...
