第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

使用React構(gòu)建一款音樂播放器

musiq Web前端工程師
難度中級(jí)
時(shí)長(zhǎng) 2小時(shí)39分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.33
41人評(píng)價(jià) 查看評(píng)價(jià)
9.4 內(nèi)容實(shí)用
9.3 簡(jiǎn)潔易懂
9.3 邏輯清晰
非常感謝老師,https://github.com/caozhw/music-player ,第一個(gè)項(xiàng)目,歡迎star
學(xué)到很多,感謝
就是這個(gè):
var arr = document.getElementsByTagName("p");
for(var i = 0; i < arr.length;i++){
arr[i].onclick = function(){
alert(i);
}
}
本人用的es6的語(yǔ)法寫的示例,想了半天onClick={this.playMusic.bind(this,musicItem)}為啥要在代碼行里用bind,而不能在constructor里面綁定??因?yàn)檫@里的musicItem是動(dòng)態(tài)生成的,每次musicItem的值都不一樣,所以需要?jiǎng)討B(tài)綁定,一次綁定是識(shí)別不到參數(shù)的。例子的話感覺和給你一組button按鈕依次打印出按鈕的index差不多。
這個(gè)刪除只是前端的刪除,沒有更新數(shù)據(jù)庫(kù),所以這些都不斷bug,而且,這個(gè)僅僅是做前端展示用

最新回答 / daydaystudy
我知道啦,this.props.currentMusicItem是musicList 里中的一項(xiàng),指向地址不變,而item也是musicList? 里面的一項(xiàng),所以當(dāng)數(shù)據(jù)相同的時(shí)候指向的地址也是一樣噠
是componentWillUnmount而不是componentWillUnMount,注意 m 是小寫!??!
感謝!免費(fèi)的還這么好
每當(dāng)播放時(shí)間更新 會(huì)觸發(fā)setState 方法,頁(yè)面render方法執(zhí)行 componentDiDmount 然后又綁時(shí)間更新,這樣不久重復(fù)綁定了嗎
堅(jiān)持不下去了,老師太跳.官方文本更新的又快,webpack版本都3了, 我還是去把基礎(chǔ)打好再來(lái)琢磨這個(gè)課程吧
我大概弄清楚了, import React from 'react', 在下面的代碼里沒運(yùn)用React,這行代碼就會(huì)是灰色, 因?yàn)槲蚁旅娲a里用的react, 所以改成import react from 'react' 就不會(huì)報(bào)錯(cuò)了....老師這個(gè)也不講那個(gè)也不講, 參數(shù)配置不應(yīng)該是最重要的部分么, 特別是對(duì)我們剛?cè)腴T的人來(lái)講, 聽的一頭霧水
我找了兩個(gè)小時(shí)的錯(cuò)誤,一直提示react無(wú)法識(shí)別,我以為是版本問題導(dǎo)致babel沒生效,正巧又說babel-preset-es2015升級(jí)了,做了很大的改變,結(jié)果,結(jié)果!!!模塊新版舊版重裝了N次還是一樣,ES6轉(zhuǎn)碼失敗,最后我把import Rreact from 'react'改成import react from 'react', R小寫了就行了,現(xiàn)在還很懵逼,看老師github里源碼也是React,怎么到我這里了就不行,得小寫

最新回答 / qq_Mr睡不著_0
應(yīng)該不是路徑問題,直接 import? 和 export? 要對(duì)應(yīng)起來(lái).使用 export default? 導(dǎo)出再使用?import { Music_List } from './config/musicList';? 導(dǎo)入
這個(gè)配置有點(diǎn)扯,建議去下面找個(gè)項(xiàng)目做完的拷貝下GIT的配置
課程須知
1、有一定的前端開發(fā)經(jīng)驗(yàn) 2、熟悉HTML、CSS,精通JavaScript 3、對(duì)前端工程化有一定的了解 4、了解ES6一些基本語(yǔ)法
老師告訴你能學(xué)到什么?
1、webpack的配置 2、開發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開發(fā)的理念差異 4、組件化開發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實(shí)踐

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無(wú)需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消