为了账号安全,请及时绑定邮箱和手机立即绑定

使用React构建一款音乐播放器

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
生成了个main.js,这文件是不是特别大,三万六千多行
webpack 打包也提示成功 但是没有bundle.js文件 啊
react-router4 传值:
<Route path="/" render={() => <Player currentMusicItem={this.state.currentMusicItem}></Player> } />
<Route path="/list" render={() => <Musiclist musicList={this.state.musicList}></Musiclist> } />
新版本路由写法请参考楼上童鞋~

最新回答 / 慕勒7123956
一般都是模拟改造的各种官网推荐工具,比如vue-cli,react-cli这些的,也有大神手写配置,那种就是要看项目需求,然后去github和npm上搜对应的插件
觉得难学的 建议先去补补webpack和nodejs
可以先看看这两个教程
https://www.jianshu.com/p/324fd1c124ad
https://www.jianshu.com/p/9ff4eb06b443
坚持看到这节的童鞋们,已经不多了。。跟着做到这节,虽然有点小坑,对照新版本查一下,就爬出坑了! 真的是越做越爽!小伙们一起加油~
有个坑,在root文件引入音乐列表,需要import {MUSIC_LIST} from './config/Musiclist.js',要不然子组件报错,获取不到音乐列表内容
直接onClick={(this.changeProgress).bind(this)} 也可以
最新版进度条更新 style={{width: this.props.progress+'%'}}
155
跳跃性太大了,感觉有一大截没讲
感谢老师 看着旧版的react还有2.0的router的教程各种报错,还得自己填坑改成新的写法,不过增强了动手动脑能力
一个建议:希望在github仓库中提供一个没有进行逻辑编写的空白的js文件,像这样不断去复制代码,还不提供原来模板,那我们接下来怎么去做
webpack 3.0+开始绝对路径
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否则会报错
课程须知
1、有一定的前端开发经验 2、熟悉HTML、CSS,精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法
老师告诉你能学到什么?
1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消