React

Hoe render je lijsten en waarom keys belangrijk zijn?

Lists in React vereisen unique keys.

Home/Categorieën/React/Hoe render je lijsten en waarom keys belangrijk zijn?

Keys voorkomen problemen

Keys helpen React om welk item gewijzigd is. Index als key is slecht (performance, bugs).

JAVASCRIPTLists met keys

function UserList({ users }) {
  return (
    <ul>
      {users.map(user => (
        <li key={user.id}>{user.name}</li>
      ))}
    </ul>
  );
}

listkeymap