freeCodeCamp/guide/english/certifications/front-end-libraries/react/give-sibling-elements-a-unique-key-attribute/index.md

---
title: Give Sibling Elements a Unique Key Attribute
---
# Give Sibling Elements a Unique Key Attribute


---
## Hints

### Hint 1
It is just almost same as previous [challenge](https://learn.freecodecamp.org/front-end-libraries/react/use-array-map-to-dynamically-render-elements). Just you need to add `key` attribute.


---
## Solutions

<details><summary>Solution 1 (Click to Show/Hide)</summary>

Just add `key` attribute to the `<li>` tag to make unique 

```jsx
const renderFrameworks = frontEndFrameworks.map((item) =>
  <li key={item+1}>{item}</li>
);
```

</details>