Как использовать easytimer.js в моем приложении React?

Я пытаюсь использовать easytimer.js в своем приложении React (используется приложение create-response-app). Но я получил следующую ошибку:

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

Вот мой код.

Я тестировал коды, и он работает без ошибок.

Любая помощь будет высоко оценен!

кто-то уже, но это в пакет npm, который легче использовать maby: npmjs.com/package/easytimer

MaddEye 19.07.2018 10:58

@MaddEye Да, ваше решение работает, спасибо. Теперь у меня другая ошибка (TypeError: не удается прочитать свойство «таймер» неопределенного значения в строке 19). Не знаете, как сохранить ссылку на таймер ... может кто-нибудь помочь? gist.github.com/noblesilence/f27baef6beda6edf8a6569cbb925b8f‌ d

aye2m 19.07.2018 12:45
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
2
405
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот ваше решение

Edit z34pwmy1mm

Код 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;

Другие вопросы по теме