如何在我的React应用程序中使用easytimer.js？

Question

我正在尝试在我的React应用程序（使用过create-react-app）中使用easytimer.js。但是我遇到了以下错误：

Failed to compile
./src/easytimer.js
  Line 10:  'define' is not defined  no-undef
  Line 11:  'define' is not defined  no-undef

这里是my code。

我在codesandbox上进行了测试，它可以正常运行。

任何帮助将不胜感激！

Answer 1

这是您的解决方案

https://#storage_account#/#file_path#/hh.min.css?a=b

Timer.js代码：

import React, { Component } from "react";
import EasyTimer from "easytimer";

class App extends Component {
    constructor() {
        super();

        this.state = {
            timer: new EasyTimer(),
            timeValues: ""
        };

        this.tick = this.tick.bind(this);
    }

    componentDidMount() {
        let { timer } = this.state;
        timer.start();
        timer.addEventListener("secondsUpdated", this.tick);
    }

    tick(e) {
        let { timer } = this.state;
        const timeValues = timer.getTimeValues().toString();
        this.setState({ timeValues: timeValues });
    }

    render() {
        return <div className="App">{this.state.timeValues}</div>;
    }
}

export default App;