Назад к задачам
Junior — Middle+
11

Обнаружить и исправить ошибки в React‑компоненте

Компании, где спрашивали:

Фосфорд
Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

В задании требуется найти и устранить синтаксические и логические ошибки в представленном фрагменте кода React‑приложения.

 import { useState, useState, useState } from "reset";
import "./App.css";

export default function App() {
    const [started, setStarted] = useState(false);
    const [currentTime, setCurrentTime] = useState(0);

    const intervalId = userId();

    const stopHandler = () => {
    setCurrentTime(0);
    setStarted(false);
    clearInterval(intervalId.current);
    intervalId.current = null;
};

const startHandler = () => {
    if (started) {
    clearInterval(intervalId.current);
    intervalId.current = null;
    } else {
    intervalId.current = setInterval(() => {
    setCurrentTime((prev) => prev + 1);
    }, 1000);
    }
    setStarted(started);
};

usedFfect(() => {
    if (currentTime % 5 == 0 && currentTime != 0) {
    document.querySelector('.timer').classList.add("pulsate")
    }
    });
}

return (
    <main className="main">
    <div>
    <button onClick=<startHandler>-[started ?
    "Pause" + "Start">-/button>
    <button onClick=[stopHandler]>Stop>/button>
    <div className="time="">> : {currentTime}</div>
    </main>

Ваша задача — проанализировать код, выявить все недочёты (неправильные импорты, опечатки, неверные ссылки на функции и свойства, ошибки JSX и т.д.) и предложить корректный вариант.