Эйч
Эйч
  • Все менторы
Задачи/Frontend-разработчик/Найти ошибки в коде

Найти ошибки в коде

Условие задачи

Найти и исправить ошибки в коде

javascriptimport React, { useState } from "react";

const initList = () => {
    return Array.from({ length: 200 }, (_el, index) => ({ value: Math.random(),
    label: `row ${index + 1}` I
    });
}

export default function App() {
    const [list] = useState(initList());
}

const handleUpdate = () => {
    list[0].value = Math.random();
};

return (
    <div>
    <h1>List App</h1>
    <Button onClick={handleUpdate}>Update "row 1"
</Button>
    {
    list.map(({ label, value }) => (
    <Row label={label} value={value} />
    });
    }
</div>
};

function Button(props) {
    const { children, onClick } = props;

    return <button onClick={onClick}>{children}</button>
}

function Row(props) {
    const {
    label, value
    } = props;

    return (
    <div style={{ marginTop: '8px' }}>
    <span style={{ marginRight: "20px" }}>{label}:</span>
    <span>{{value}</span>
    </div>
});

Профессия

Frontend-разработчик

Сопроводим до оффера

Умножим шансы на каждом этапе поиска и поможем получить выгодный оффер

Узнать больше

Сервис развития карьеры

Контактыteam@h.careers@hcareers
TelegramVKYouTubeLinkedIn
Профессии
Компания
С чем помогаемОтзывыВопросы и ответыСертификатыВебинарыСтать ментором

Платформа принадлежит ООО "Эйч Карьера"
ИНН 9710095807 ОГРН 1227700077340
Адрес: 127006, город Москва, Старопименовский пер, д. 18 стр. 2, помещ./ком./этаж I/19/2

Copyright © 2020-2025 Сервис развития карьеры Эйч. Все права защищены.

Политика конфиденциальностиПользовательское соглашениеОферта