style={{width:`${this.props.progress}%`}} 這里的引號(hào)是反引號(hào) 在鍵盤上 1 的左邊那個(gè) es6 字符串組合用的 很是巧妙 大家別弄錯(cuò)了
2017-12-28
推薦https://ke.qq.com/course/227111這個(gè)react關(guān)于環(huán)境搭建步驟,很好
2017-12-28
我學(xué)這個(gè)簡(jiǎn)單的小思路啊,就是看你著重學(xué)什么,很明顯老師沒(méi)有把配置這一塊詳細(xì)講,自己配置真的太頭疼,我就直接把老師github上的這個(gè)項(xiàng)目全部下載下來(lái),老師講哪一塊,我就找到那個(gè)文件,把代碼全部打上注釋,這就相當(dāng)于下邊是正確答案,自己上邊打草稿,因?yàn)槲抑叵雽W(xué)下react組件這一塊,那對(duì)于配置就聽(tīng)聽(tīng)跳過(guò),不糾結(jié)
2017-12-27
點(diǎn)擊歌曲進(jìn)度條,播放狀態(tài)顯示play
progressChangeHandler(progress) {
$('#player').jPlayer('play', duration * progress);
this.setState({
isPlay: true,
});
},
progressChangeHandler(progress) {
$('#player').jPlayer('play', duration * progress);
this.setState({
isPlay: true,
});
},
2017-12-25
如果用es6class創(chuàng)建組件不要用getInitialState React在ES6的實(shí)現(xiàn)中去掉了getInitialState……
Class App extends React.Component {
constructor(props) {
super(props);
this.state = {};
}
...
}
Class App extends React.Component {
constructor(props) {
super(props);
this.state = {};
}
...
}
2017-12-22
createClass已經(jīng)廢棄了 用createComponent或者es6 class 唉技術(shù)更新太快里面好多過(guò)時(shí)了 坑有點(diǎn)多
2017-12-22
每個(gè)章節(jié)的代碼已上傳
https://github.com/xzylogic/workspaces.git
最重要的一步:選擇我的分支 xzy_reactMusic_? 來(lái)查看不同小節(jié)課程的代碼,commit里看介紹
然后點(diǎn)擊進(jìn)入React,再點(diǎn)擊進(jìn)入react-music-player,里面就是不同章節(jié)代碼
https://github.com/xzylogic/workspaces.git
最重要的一步:選擇我的分支 xzy_reactMusic_? 來(lái)查看不同小節(jié)課程的代碼,commit里看介紹
然后點(diǎn)擊進(jìn)入React,再點(diǎn)擊進(jìn)入react-music-player,里面就是不同章節(jié)代碼
2017-12-20