Встречается на собеседованиях • сегодня
Какие знаешь причины повторного рендера
1. **Изменение состояния (state)** - вызов `setState` или `useState` обновляет состояние и вызывает ререндер.
2. **Изменение пропсов (props)** - компонент ререндерится при получении новых пропсов.
3. **Ререндер родителя** - если родительский компонент обновился, дочерние тоже перерисовываются (если не оптимизированы).
4. **Изменение контекста (context)** - подписанные компоненты ререндерятся при изменении значения контекста.
5. **Неоптимизированные зависимости в хуках** - например, `useEffect`, `useMemo`, `useCallback` с неправильными зависимостями.
**Пример с лишним ререндером из-за пропсов:**
```jsx
const Child = ({ data }) => {/* Ререндерится из-за нового объекта */}
</>
);
};
```
{data.value}
;
const Parent = () => {
const [count, setCount] = useState(0);
const data = { value: "Static" }; // Новый объект при каждом рендере
return (
<>

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы