一个建议:希望在github仓库中提供一个没有进行逻辑编写的空白的js文件,像这样不断去复制代码,还不提供原来模板,那我们接下来怎么去做
                
                    
                    2018-01-11
                
            webpack 3.0+开始绝对路径
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否则会报错
                entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否则会报错
                    
                    2018-01-11
                
            3.  dependencies:  使用 --save  安装的插件被写入到 dependencies对象中
当然你也可以自己一个个安装
devDependencies: 使用 --save-dev 安装的插件被写入到 deDependencies对象中
dependencies: 使用 --save 安装的插件被写入到 dependencies对象中
                当然你也可以自己一个个安装
devDependencies: 使用 --save-dev 安装的插件被写入到 deDependencies对象中
dependencies: 使用 --save 安装的插件被写入到 dependencies对象中
                    
                    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
                
            如果有什么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 && this.props.onChangeChange(e);
}
你在onChange里面使用this的时候一定要在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的时候一定要在constructor里面绑定,不然找不到this
                    
                    2018-01-06
                
            react-router v4.0  : https://github.com/RiversCoder/react_music_player
                
                    
                    2018-01-03
                
            react-router v4.0版本下 实现过程:
调用:
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>
                调用:
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默认安装是v4.0版本 结果发现好多api都已经废弃了,结果就一直挣扎在报错、调试、报错、调试 不断的重复的过程中……
                
                    
                    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
                
             
             
        









