Quiz
Keys and Reconciliation Behavior
Understanding how React uses keys during list reconciliation and why index keys are risky.
You render a dynamic list where items can be inserted at the front, and you use the array index as the key. Each row also holds local component state (e.g. an uncontrolled input). What happens when a new item is prepended to the list?