感謝老師 看著舊版的react還有2.0的router的教程各種報(bào)錯(cuò),還得自己填坑改成新的寫法,不過(guò)增強(qiáng)了動(dòng)手動(dòng)腦能力
2018-01-12
一個(gè)建議:希望在github倉(cāng)庫(kù)中提供一個(gè)沒(méi)有進(jìn)行邏輯編寫的空白的js文件,像這樣不斷去復(fù)制代碼,還不提供原來(lái)模板,那我們接下來(lái)怎么去做
2018-01-11
webpack 3.0+開始絕對(duì)路徑
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否則會(huì)報(bào)錯(cuò)
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否則會(huì)報(bào)錯(cuò)
2018-01-11
3. dependencies: 使用 --save 安裝的插件被寫入到 dependencies對(duì)象中
當(dāng)然你也可以自己一個(gè)個(gè)安裝
devDependencies: 使用 --save-dev 安裝的插件被寫入到 deDependencies對(duì)象中
dependencies: 使用 --save 安裝的插件被寫入到 dependencies對(duì)象中
當(dāng)然你也可以自己一個(gè)個(gè)安裝
devDependencies: 使用 --save-dev 安裝的插件被寫入到 deDependencies對(duì)象中
dependencies: 使用 --save 安裝的插件被寫入到 dependencies對(duì)象中
2018-01-09
提醒大家不要忘記安裝全局的 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"
},
可以嘗試最新的安裝,并不一定按照以前的舊版本,我使用的都是最新的,如下:
"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"
},
2018-01-09
console.log(react.version); 報(bào)錯(cuò)了,應(yīng)該是大寫React
2018-01-08
如果有什么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
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
2018-01-06
react-router v4.0 : https://github.com/RiversCoder/react_music_player
2018-01-03
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>
調(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>
2018-01-03
真不知道該怎么形容。。。還真是坑巨多呀 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ò)程中……
2018-01-03
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>
安裝 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>
2017-12-28