Chapter 6 · Example 8 · Deep dive into diffing and reconciliation

Keys outside dynamic arrays

Toggling which of two non-list inputs holds a shared key makes React reuse one instance at the keyed position, so the typed text jumps between fields.

Loading live editor…