Sobes.tech
Back to tasks
Junior — Senior
38

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

Get help with live coding in real time with Sobes Copilot
Task condition

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