696. React Key Behavior on Reorder

function Row({ label }) {
  const [value, setValue] = React.useState(label)
  return <input value={value} onChange={(e) => setValue(e.target.value)} />
}

function App() {
  const [items, setItems] = React.useState(['A', 'B', 'C'])

  return (
    <>
      <button onClick={() => setItems(['C', 'B', 'A'])}>Reverse</button>
      {items.map((item, index) => (
        <Row key={index} label={item} />
      ))}
    </>
  )
}