Как компонент, экспортированный как default и сразу обёрнутый в React.memo с анонимной функцией, отобразится в React DevTools? Как избавиться от Anonymous без displayName?

Без displayName дайте функции компонента имя: export default memo(function UserCard(props) { ... }). Это помогает DevTools показать понятное название.

Короткий ответ

Что ответить на собеседовании

Без displayName дайте функции компонента имя: export default memo(function UserCard(props) { ... }). Это помогает DevTools показать понятное название.

Подробный разбор

Ответ с пояснениями

Без displayName дайте функции компонента имя: export default memo(function UserCard(props) { ... }). Это помогает DevTools показать понятное название.

Анонимная функция может отображаться обобщённым именем вроде Anonymous; точная подпись зависит от версии React, DevTools и преобразований сборки. Можно также объявить именованный компонент отдельно и затем обернуть в memo. Не полагайтесь только на имя default-экспорта, особенно при минификации.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее