今天,我們來(lái)學(xué)習(xí)使用 React、Redux 和 Bootstrap 實(shí)現(xiàn)Alert。

例子

這個(gè)例子實(shí)現(xiàn)了彈出不同類型信息的功能,這些信息默認(rèn)會(huì)在5秒后消失,你也可以手動(dòng)點(diǎn)擊使其消失。如果你在服務(wù)端有信息要提示,還可以通過(guò) Redux 的單一數(shù)據(jù)源傳到客戶端在渲染頁(yè)面時(shí)顯示出來(lái)。

源代碼:

https://github.com/lewis617/react-redux-tutorial/tree/master/r2-bs-alert

安裝:

npm i

開(kāi)發(fā)環(huán)境下運(yùn)行:

npm start

生產(chǎn)環(huán)境下構(gòu)建:

npm run build

網(wǎng)友評(píng)論