Как в react запустить таймер после клика на кнопку?

Здравствуйте!

Подскажите пожалуйста, как мне запустить таймер после клика на кнопку?

То есть, у меня есть кнопка:
<Button disabled={isSubmitting || nextButton} htmlType="submit" type="primary">
          Submit
        </Button>


После клика на которую должна сработать функция запуска таймера:
const [seconds, setSeconds] = useState(60);

    useEffect(() => {
        if (seconds > 0) {
          setTimeout(() => setSeconds(seconds - 1), 1000);
          toggleNextButton(true);
        } else {
          toggleNextButton(false);
        }
    });


Вывод таймера:
{seconds}

Вопрос, как при клике запустить таймер?..и по истечению таймера скрывать счетчик?

-----------------------------

Пробовал так:
5fbb6973a8840868574222.bin

<Button disabled={isSubmitting || nextButton} onClick={handleClick} htmlType="submit" type="primary">
          Submit
        </Button>


Но..не работает(
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы