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

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

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
非常感谢老师,https://github.com/caozhw/music-player ,第一个项目,欢迎star
学到很多,感谢
就是这个:
var arr = document.getElementsByTagName("p");
for(var i = 0; i < arr.length;i++){
arr[i].onclick = function(){
alert(i);
}
}
本人用的es6的语法写的示例,想了半天onClick={this.playMusic.bind(this,musicItem)}为啥要在代码行里用bind,而不能在constructor里面绑定??因为这里的musicItem是动态生成的,每次musicItem的值都不一样,所以需要动态绑定,一次绑定是识别不到参数的。例子的话感觉和给你一组button按钮依次打印出按钮的index差不多。
这个删除只是前端的删除,没有更新数据库,所以这些都不断bug,而且,这个仅仅是做前端展示用

最新回答 / daydaystudy
我知道啦,this.props.currentMusicItem是musicList 里中的一项,指向地址不变,而item也是musicList  里面的一项,所以当数据相同的时候指向的地址也是一样哒
是componentWillUnmount而不是componentWillUnMount,注意 m 是小写!!!
感谢!免费的还这么好
每当播放时间更新 会触发setState 方法,页面render方法执行 componentDiDmount 然后又绑时间更新,这样不久重复绑定了吗
坚持不下去了,老师太跳.官方文本更新的又快,webpack版本都3了, 我还是去把基础打好再来琢磨这个课程吧
我大概弄清楚了, import React from 'react', 在下面的代码里没运用React,这行代码就会是灰色, 因为我下面代码里用的react, 所以改成import react from 'react' 就不会报错了....老师这个也不讲那个也不讲, 参数配置不应该是最重要的部分么, 特别是对我们刚入门的人来讲, 听的一头雾水
我找了两个小时的错误,一直提示react无法识别,我以为是版本问题导致babel没生效,正巧又说babel-preset-es2015升级了,做了很大的改变,结果,结果!!!模块新版旧版重装了N次还是一样,ES6转码失败,最后我把import Rreact from 'react'改成import react from 'react', R小写了就行了,现在还很懵逼,看老师github里源码也是React,怎么到我这里了就不行,得小写

最新回答 / qq_Mr睡不着_0
应该不是路径问题,直接 import  和 export  要对应起来.使用 export default  导出再使用 import { Music_List } from './config/musicList';  导入
这个配置有点扯,建议去下面找个项目做完的拷贝下GIT的配置
课程须知
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
提交
取消