小编use*_*ang的帖子

setState(...):只能更新已安装或安装的组件.这通常意味着您在已卸载的组件上调用了setState().这是一个无操作

componentDidMount(prevProps, prevState, prevContext) {
    let [audioNode, songLen] = [this.refs.audio, List.length-1];

    audioNode.addEventListener('ended', () => {
        this._endedPlay(songLen, () => {
            this._currSong(this.state.songIndex);
            this._Play(audioNode);
        });
    });

    audioNode.addEventListener('timeupdate', () => {
        let [remainTime, remainTimeMin, remainTimeSec, remainTimeInfo] = [];

        if(!isNaN(audioNode.duration)) {
            remainTime = audioNode.duration - audioNode.currentTime;
            remainTimeMin = parseInt(remainTime/60);  // ???
            remainTimeSec = parseInt(remainTime%60);  // ???

            if(remainTimeSec < 10) {
                remainTimeSec = '0'+remainTimeSec;
            }
            remainTimeInfo = remainTimeMin + ':' + remainTimeSec;
            this.setState({'time': remainTimeInfo});
        }
    });
}

componentWillUnmount () {
    let audio = this.refs.audio;
    audio.removeEventListener('timeupdate');
    audio.removeEventListener('ended');
} …
Run Code Online (Sandbox Code Playgroud)

reactjs

77
推荐指数
4
解决办法
10万
查看次数

未捕获的语法错误:意外的令牌导入

babel compile es6 关于 Uncaught SyntaxError: Unexpected token import。我使用 webpack + gulp ,但是抛出 Unexpected token import。如何解决这个问题?

索引.jsx

'use strict';
import React from 'react';
Run Code Online (Sandbox Code Playgroud)

包.json

 "devDependencies": {
    "babel-core": "^6.3.15",
    "babel-loader": "^6.2.0",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "gulp": "^3.9.0",
    "gulp-webpack": "^1.5.0",
    "react": "^0.14.3",
    "react-tools": "^0.13.3",
    "vinyl-named": "^1.1.0",
    "webpack": "^1.12.9"
  }
Run Code Online (Sandbox Code Playgroud)

gulpfile.js

 var gulp = require('gulp');
 var webpack = require('gulp-webpack');
 var named = require('vinyl-named');
 gulp.task('dev', function() {
    return gulp.src('app/scripts/index.jsx')
        .pipe(named())
        .pipe(webpack({
            watch : true,
            module: {
              loaders: [
                {
                    test: /\.jsx?$/,
                    exclude: /node_modules/,
                    loader: …
Run Code Online (Sandbox Code Playgroud)

gulp webpack babeljs

5
推荐指数
0
解决办法
4437
查看次数

标签 统计

babeljs ×1

gulp ×1

reactjs ×1

webpack ×1