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

為了賬號安全,請及時綁定郵箱和手機立即綁定

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

musiq Web前端工程師
難度中級
時長 2小時39分
學(xué)習人數(shù)
綜合評分9.33
41人評價 查看評價
9.4 內(nèi)容實用
9.3 簡潔易懂
9.3 邏輯清晰
webpack 3.0+開始絕對路徑
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否則會報錯
progress.less文件不生效 。。。。
3. dependencies: 使用 --save 安裝的插件被寫入到 dependencies對象中

當然你也可以自己一個個安裝
devDependencies: 使用 --save-dev 安裝的插件被寫入到 deDependencies對象中
dependencies: 使用 --save 安裝的插件被寫入到 dependencies對象中
提醒大家不要忘記安裝全局的 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"
},

最新回答 / 武當白白
你這樣用<div id="player">把progress組件包裹起來也是不對的,把<div id="player"/>放到index.tpl.html里面去
Fmc
console.log(react.version); 報錯了,應(yīng)該是大寫React
如果有什么underfind的話,可能是你this沒有綁定,
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
}

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

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

組件更改:
&lt;Router &gt;
&lt;section&gt;
&lt;Header /&gt;
&lt;Switch&gt;
&lt;Route path=&quot;/&quot; component={Player} /&gt;
&lt;Route path=&quot;/list&quot; component={MusicList} /&gt;
&lt;/Switch&gt;
&lt;/section&gt;
&lt;/Router&gt;
真不知道該怎么形容。。。還真是坑巨多呀 react-router默認安裝是v4.0版本 結(jié)果發(fā)現(xiàn)好多api都已經(jīng)廢棄了,結(jié)果就一直掙扎在報錯、調(diào)試、報錯、調(diào)試 不斷的重復(fù)的過程中……

已采納回答 / 車程一
?一般上傳到git上面的項目都忽略了 node_modules? ?首先你要npm install? 安裝項目依賴。? 如何啟動的話? 一般 npm start? 就可以啟動,? 也有可能項目發(fā)布者自己寫了啟動方式? ?看? packge.json? ? script? ?下有這些信息?
router4 用法
安裝 react-router-dom
引入import { BrowserRouter as Router, Route, Link } from &#039;react-router-dom&#039;
return
&lt;Router&gt;
&lt;div&gt;
&lt;Header logoSrc=&quot;./ico.svg&quot; appName=&quot;Music Player&quot; /&gt;
&lt;Route path=&quot;/&quot; component={player} /&gt;
{...其他路由}
&lt;/Router&gt;
課程須知
1、有一定的前端開發(fā)經(jīng)驗 2、熟悉HTML、CSS,精通JavaScript 3、對前端工程化有一定的了解 4、了解ES6一些基本語法
老師告訴你能學(xué)到什么?
1、webpack的配置 2、開發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開發(fā)的理念差異 4、組件化開發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實踐

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

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

為什么扣積分?

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消