課程
/前端開(kāi)發(fā)
/React.JS
/使用React構(gòu)建一款音樂(lè)播放器
音樂(lè)可以播放了,之前的header卻沒(méi)了,是覆蓋了嗎?求教!
2018-01-09
源自:使用React構(gòu)建一款音樂(lè)播放器 3-3
正在回答
你這樣用<div id="player">把progress組件包裹起來(lái)也是不對(duì)的,把<div id="player"/>放到index.tpl.html里面去
自問(wèn)自答 哈哈?
root 文件最開(kāi)始如下,只有音樂(lè):
render() { ? ?return ( ? ? ? ?<div id="player"> ? ? ? ? ? ?<Header /> ? ? ? ? ? ?<Progress progress={this.state.progress}/> ? ? ? ?</div> ? ?);}
更改后,將id=“player”放在Progress 組件上。圖片header和音樂(lè)都有了。
render() { ? ?return ( ? ? ? ?<div> ? ? ? ? ? ?<Header /> ? ? ? ? ? ?<div id="player"> ? ? ? ? ? ?<Progress progress={this.state.progress}/> ? ? ? ? ? ?</div> ? ? ? ?</div> ? ?);}
舉報(bào)
從零開(kāi)始使用React構(gòu)建一款音樂(lè)播放器
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-01-18
你這樣用<div id="player">把progress組件包裹起來(lái)也是不對(duì)的,把<div id="player"/>放到index.tpl.html里面去
2018-01-09
自問(wèn)自答 哈哈?
2018-01-09
root 文件最開(kāi)始如下,只有音樂(lè):
render() {
? ?return (
? ? ? ?<div id="player">
? ? ? ? ? ?<Header />
? ? ? ? ? ?<Progress progress={this.state.progress}/>
? ? ? ?</div>
? ?);
}
更改后,將id=“player”放在Progress 組件上。圖片header和音樂(lè)都有了。
render() {
? ?return (
? ? ? ?<div>
? ? ? ? ? ?<Header />
? ? ? ? ? ?<div id="player">
? ? ? ? ? ?<Progress progress={this.state.progress}/>
? ? ? ? ? ?</div>
? ? ? ?</div>
? ?);
}