Без displayName дайте функции компонента имя: export default memo(function UserCard(props) { ... }). Это помогает DevTools показать понятное название.
Как компонент, экспортированный как default и сразу обёрнутый в React.memo с анонимной функцией, отобразится в React DevTools? Как избавиться от Anonymous без displayName?
Без displayName дайте функции компонента имя: export default memo(function UserCard(props) { ... }). Это помогает DevTools показать понятное название.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Без displayName дайте функции компонента имя: export default memo(function UserCard(props) { ... }). Это помогает DevTools показать понятное название.
Анонимная функция может отображаться обобщённым именем вроде Anonymous; точная подпись зависит от версии React, DevTools и преобразований сборки. Можно также объявить именованный компонент отдельно и затем обернуть в memo. Не полагайтесь только на имя default-экспорта, особенно при минификации.