使用React构建一款音乐播放器_技术问答

首页免费课使用React构建一款音乐播放器问答

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

全部评论问答未解决精华

daydaystudy

就是这个：
var arr = document.getElementsByTagName("p");
for(var i = 0; i < arr.length;i++){
arr[i].onclick = function(){
alert(i);
}
}

0 3-9 组件通信（1）

2017-12-15

daydaystudy

本人用的es6的语法写的示例，想了半天onClick={this.playMusic.bind(this,musicItem)}为啥要在代码行里用bind，而不能在constructor里面绑定？？因为这里的musicItem是动态生成的，每次musicItem的值都不一样，所以需要动态绑定，一次绑定是识别不到参数的。例子的话感觉和给你一组button按钮依次打印出按钮的index差不多。

0 3-9 组件通信（1）

2017-12-15

幕幕的

这个删除只是前端的删除，没有更新数据库，所以这些都不断bug，而且，这个仅仅是做前端展示用

0 3-10 组件通信（2）

2017-12-14

daydaystudy

是componentWillUnmount而不是componentWillUnMount,注意 m 是小写！！！

2 3-4 进度条组件完善（1）

2017-12-12

慕仔9525016

感谢！免费的还这么好

2 2-2 webpack dev server和常用插件使用

2017-12-12

名分开就是姓名

每当播放时间更新会触发setState 方法，页面render方法执行 componentDiDmount 然后又绑时间更新，这样不久重复绑定了吗

0 3-4 进度条组件完善（1）

2017-12-09

web阿周

坚持不下去了,老师太跳.官方文本更新的又快,webpack版本都3了, 我还是去把基础打好再来琢磨这个课程吧

1 3-1 header组件开发

2017-12-08

web阿周

我大概弄清楚了, import React from 'react', 在下面的代码里没运用React,这行代码就会是灰色, 因为我下面代码里用的react, 所以改成import react from 'react' 就不会报错了....老师这个也不讲那个也不讲, 参数配置不应该是最重要的部分么, 特别是对我们刚入门的人来讲, 听的一头雾水

4 2-2 webpack dev server和常用插件使用

2017-12-08

web阿周

我找了两个小时的错误,一直提示react无法识别,我以为是版本问题导致babel没生效,正巧又说babel-preset-es2015升级了,做了很大的改变,结果,结果!!!模块新版旧版重装了N次还是一样,ES6转码失败,最后我把import Rreact from 'react'改成import react from 'react', R小写了就行了,现在还很懵逼,看老师github里源码也是React,怎么到我这里了就不行,得小写

0 2-2 webpack dev server和常用插件使用

2017-12-08

幕幕的

这个配置有点扯，建议去下面找个项目做完的拷贝下GIT的配置

0 2-2 webpack dev server和常用插件使用

2017-12-07

慕盖茨2004007

课程很好，如果能听到老师的redux课程就更好啦！

0 3-8 页面导航，React-Router学习

2017-12-06

我是你的瑞雪呀

报BUG：
musicList:MUSIC_LIST.MUSIC_LIST要写成这样
因为第一个是指导入的文件，第二个才是对象

0 3-7 歌曲列表页面开发

2017-11-29

不是肥花

老师说的很清楚，是 es6 语法中的模板字符串了。你们是没有认真听还是什么？

0 3-4 进度条组件完善（1）

2017-11-29

我是你的瑞雪呀

我来报一下BUG：

要改成1.<Player currentMusicItem={this.state.currentMusicItem}>
2.config 里musicList.js文件的导出 exports.exports.MUSIC_LIST = [
3.然后引用的时候：MUSIC_LIST.MUSIC_LIST[0]

0 3-6 播放器播放控制UI及逻辑开发

2017-11-28

冷月诗魂

本节至下一节课程代码已上传（完善了部分bug）
https://github.com/xzylogic/workspaces.git
最重要的一步：先选择我的分支 xzy_reactMusic_6
然后点击进入React，再点击进入react-music-player

1 3-9 组件通信（1）

2017-11-28

首页上一页 6 7 8 9 10 11 12 下一页尾页

该课程已下架

课程须知: 1、有一定的前端开发经验 2、熟悉HTML、CSS，精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法

老师告诉你能学到什么？: 1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码，参与3人拼团

热搜

最近搜索清空

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