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

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

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

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 邏輯清晰
155
跳躍性太大了,感覺(jué)有一大截沒(méi)講
感謝老師 看著舊版的react還有2.0的router的教程各種報(bào)錯(cuò),還得自己填坑改成新的寫法,不過(guò)增強(qiáng)了動(dòng)手動(dòng)腦能力
一個(gè)建議:希望在github倉(cāng)庫(kù)中提供一個(gè)沒(méi)有進(jìn)行邏輯編寫的空白的js文件,像這樣不斷去復(fù)制代碼,還不提供原來(lái)模板,那我們接下來(lái)怎么去做
webpack 3.0+開始絕對(duì)路徑
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否則會(huì)報(bào)錯(cuò)
progress.less文件不生效 。。。。
3. dependencies: 使用 --save 安裝的插件被寫入到 dependencies對(duì)象中

當(dāng)然你也可以自己一個(gè)個(gè)安裝
devDependencies: 使用 --save-dev 安裝的插件被寫入到 deDependencies對(duì)象中
dependencies: 使用 --save 安裝的插件被寫入到 dependencies對(duì)象中
提醒大家不要忘記安裝全局的 webpack: npm isntall webpack -g,
可以嘗試最新的安裝,并不一定按照以前的舊版本,我使用的都是最新的,如下:
"dependencies": {
"pubsub-js": "^1.5.8",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-hot-loader": "^3.1.3",
"react-router": "^4.2.0"
},
Fmc
console.log(react.version); 報(bào)錯(cuò)了,應(yīng)該是大寫React
如果有什么underfind的話,可能是你this沒(méi)有綁定,
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
}

onChange(e){
let test = this.refs.testbar;
console.log(test);
this.props.onChangeChange && this.props.onChangeChange(e);
}
你在onChange里面使用this的時(shí)候一定要在constructor里面綁定,不然找不到this
打卡打卡打卡
react-router v4.0 : https://github.com/RiversCoder/react_music_player
react-router v4.0版本下 實(shí)現(xiàn)過(guò)程:

調(diào)用:
import { BrowserRouter as Router,Link,Route,Switch} from 'react-router-dom';

組件更改:
<Router >
<section>
<Header />
<Switch>
<Route path="/" component={Player} />
<Route path="/list" component={MusicList} />
</Switch>
</section>
</Router>
真不知道該怎么形容。。。還真是坑巨多呀 react-router默認(rèn)安裝是v4.0版本 結(jié)果發(fā)現(xiàn)好多api都已經(jīng)廢棄了,結(jié)果就一直掙扎在報(bào)錯(cuò)、調(diào)試、報(bào)錯(cuò)、調(diào)試 不斷的重復(fù)的過(guò)程中……
router4 用法
安裝 react-router-dom
引入import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
return
<Router>
<div>
<Header logoSrc="./ico.svg" appName="Music Player" />
<Route path="/" component={player} />
{...其他路由}
</Router>
課程須知
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)的支持!

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

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

為什么扣積分?

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

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

為什么扣積分?

舉報(bào)

0/150
提交
取消