Назад к задачамПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Middle+
11
Обнаружить и исправить ошибки в React‑компоненте
Компании, где спрашивали:
Фосфорд
Условие задачи
В задании требуется найти и устранить синтаксические и логические ошибки в представленном фрагменте кода 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 и т.д.) и предложить корректный вариант.