Это мой первый пост. Я создал веб-приложение для React. js, которое использует таймеры для разделения рабочего времени и времени перерыва. Я могу настроить рабочее время со своей целевой страницы с помощью пользовательского ввода и затем передавать его в качестве реквизита; однако я хочу создать кнопку, где я могу добавить время на самом экране, увеличивая на минуту (и уменьшая, как только я получу приращение к работе).
Я использовал манипуляцию DOM на странице Longbreak. js, чтобы обновить визуальный аспект самого таймера, но тогда таймер не будет работать И он разрушит таймер на Pomodorocountdown. js. Я видел что-то в документации под названием setTimer, но, похоже, это тоже не поможет.
Метод называется addTime ... Я сейчас закомментировал кнопку.
Вот компонент, на который я ссылаюсь для проверки функциональности: https://github.com/alexiscameronfrankel/foodie-focus/blob/master/src/components/Longbreak.js
Вот пакет NPM, который я использую для таймера: https://www.npmjs.com/package/react-compound-timer
Вот живая версия моего веб-приложения: https://tomato-man-timer.netlify.com/
Вот мое репо со всем кодом: https://github.com/alexiscameronfrankel/foodie-focus
Где я пытаюсь получить кнопку, время добавления находится под Longbreak. js component