今天,我們來(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