Назад к задачам
Junior — Senior
12

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

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

Найдите и устраните ошибки в представленном ниже 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>
        );
    }
}