Làm thế nào để render một danh sách với điều kiện và key?

Để render một danh sách với điều kiện và key trong React, cần lưu ý các điểm sau:

**1. Điều kiện render:**

Sử dụng cấu trúc điều kiện, thường là `map` kết hợp với hàm `filter` hoặc `ternary operator`. Khi `map`, ta có thể áp dụng điều kiện để chỉ render các phần tử thỏa mãn:

```jsx
const filteredList = list.filter(item => condition(item));
return (
  <ul>
    {filteredList.map(item => (
      <li key={item.id}>{item.name}</li>
    ))}
  </ul>
);