這一節(jié)我們簡(jiǎn)單說(shuō)一下首頁(yè)添加熱門(mén)項(xiàng)目，其實(shí)熱門(mén)項(xiàng)目往往就是一個(gè)項(xiàng)目，或者是熱門(mén)的，這個(gè)項(xiàng)目熱門(mén)不熱門(mén)其實(shí)跟我們前端沒(méi)有關(guān)系，我們調(diào)用后臺(tái)接口，傳了該傳的數(shù)據(jù)，自然熱門(mén)項(xiàng)目就出來(lái)了，言外之意就是熱門(mén)不熱門(mén)，跟我們前端沒(méi)有關(guān)系，我們只是發(fā)請(qǐng)求，顯數(shù)據(jù)。
這一小節(jié)的代碼內(nèi)容會(huì)和第四小節(jié)差不多，但說(shuō)這一小節(jié)是有必要的，因?yàn)橛许?xiàng)目列表，就會(huì)涉及到項(xiàng)目詳情頁(yè)。而React更適合做單頁(yè)應(yīng)用，所以其他頁(yè)面就需要引入react-router這個(gè)知識(shí)點(diǎn)，所以這一小節(jié)就當(dāng)時(shí)一個(gè)鋪墊。
1、看Index.js
我們添加新的組件組裝，
var SiteIndex = React.createClass({
render: function(){
return (
<HotProject/>
);
}
});
這里我們新添加了HotProject組件，這里你就要想到需要在頁(yè)面里新定義一個(gè)HotProject實(shí)現(xiàn)組件了，關(guān)于實(shí)現(xiàn)沒(méi)有什么特別之處，和首頁(yè)banner輪播圖那一小節(jié)大同小異。
2、看一下我們寫(xiě)完代碼后的實(shí)現(xiàn)效果截圖吧：
天龍八部這個(gè)就是加載出來(lái)的熱門(mén)項(xiàng)目，我們展示了一些項(xiàng)目的字段信息，有圖片，標(biāo)題，作者以及關(guān)注數(shù)據(jù)，后續(xù)添加react-router后，我們將通過(guò)點(diǎn)擊標(biāo)題來(lái)進(jìn)行跳轉(zhuǎn)。
3、小伙伴們是不是有點(diǎn)想知道react-router是怎么使用的了呢，那么在什么地方使用react-router呢，使用了有什么好處呢，喜歡的小伙伴們請(qǐng)關(guān)注下一節(jié)：狗屎一樣的React（第七節(jié)，React-router 4.0這個(gè)玩意）
