Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про React: react, memo, primitives

Почему примитивные пропсы эффективны для мемоизации?

Вопрос углубляется в работу механизма сравнения пропсов.

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

Примитивы (строки, числа) сравниваются по значению, а объекты/массивы — по ссылке. Это делает проверку изменений быстрее.

Длинный ответ

Как работает сравнение:

  • Примитивы:

    5 === 5 // true
    'text' === 'text' // true
  • Объекты:

    {} === {} // false (разные ссылки)

Пример с React.memo:

// Перерендер только если `count` или `text` изменились:
<MemoizedComponent count={5} text="Hello" />

// Перерендер при каждом родительском рендере (новый объект):
<MemoizedComponent config={{ id: 1 }} />

Вывод:
Примитивы — самый эффективный тип пропсов для мемоизации.

Уровень

  • Рейтинг:

    2

  • Сложность:

    7

Навыки

  • React

    React

Ключевые слова

#react

#memo

#primitives

Подпишись на React Developer в телеграм