Ты на собеседовании на позицию senior frontend разработчика в финтех-компании. Интервьюер показывает тебе фрагмент кода из их кодовой базы во время упражнения по code review. Компонент загружает данные о транзакциях, но, как сообщается, вызывает проблемы с производительностью и периодические крахи в production. Он хочет посмотреть, сможешь ли ты найти проблемы и предложить исправления.
function TransactionList({ userId }) {
const [transactions, setTransactions] = useState([]);
useEffect(async () => {
const res = await fetch(`/api/transactions?user=${userId}`);
const data = await res.json();
setTransactions(data);
});
return (
<ul>
{transactions.map(t => <li key={t.id}>{t.amount}</li>)}
</ul>
);
}