Dlaczego memo nie pomaga select(id)} style={{ gap: 8 }} />?

Callback i obiekt stylu są tworzone od nowa przy każdym renderze

memo nie działa z funkcjami strzałkowymi w propsach

memo nie potrafi porównywać tablic w propsach

React · Middle · Pytanie 4 z 75

Dlaczego `memo` nie pomaga `<List items={data} onSelect={() => select(id)} style={{ gap: 8 }} />`?

1memo nie działa z funkcjami strzałkowymi w propsach
✓Poprawna odpowiedź: Callback i obiekt stylu są tworzone od nowa przy każdym renderze
3memo nie potrafi porównywać tablic w propsach

Wyjaśnienie

Funkcja inline i literał obiektu to nowe referencje przy każdym renderze, więc płytkie porównanie ich nie przepuści. Ustabilizuj je przez useCallback / useMemo albo wynieś stałe poza komponent. React Compiler robi to automatycznie.

Do poczytania

react.dev: memo ↗
react.dev: useCallback ↗

Dlaczego `memo` nie pomaga `<List items={data} onSelect={() => select(id)} style={{ gap: 8 }} />`?

Wyjaśnienie

Do poczytania

Błąd w pytaniu

Sprawdź się

Dlaczego memo nie pomaga <List items={data} onSelect={() => select(id)} style={{ gap: 8 }} />?

Wyjaśnienie

Do poczytania

Sprawdź się

Dlaczego `memo` nie pomaga `<List items={data} onSelect={() => select(id)} style={{ gap: 8 }} />`?