Назад к задачамПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Senior
12
Обнаружить и исправить баги в React‑компоненте
Условие задачи
Найдите и устраните ошибки в представленном ниже React‑компоненте. Обратите внимание на некорректный синтаксис обработчика клика и отсутствие инициализации состояния, что приводит к ошибкам при попытке обратиться к полям события.
import React, { Component } from "react";
export default class App extends Component {
// обработчик клика – сохраняет объект события в состоянии
handleClick = (e) => {
this.setState({ lastEvent: e });
};
// выводит в консоль целевой элемент последнего события
logCurrentEvent = () => {
console.log(this.state.lastEvent?.target);
};
render() {
return (
<div>
<button onClick={this.handleClick}>click me</button>
<button onClick={this.logCurrentEvent}>log event</button>
</div>
);
}
}