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
## Hint
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.

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

```jsx
const renderFrameworks = frontEndFrameworks.map((item) =>
  <li key={item+1}>{item}</li>
);
```
fix: change directory structure 2018-10-12 15:37:13 -04:00			`---`
			`title: Give Sibling Elements a Unique Key Attribute`
			`---`
			`## Give Sibling Elements a Unique Key Attribute`
			`## Hint`
			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.

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

fix(guide) Replace invalid prism code block names (#35961) * fix: replace sh with shell fix replace terminal with shell fix replace node with js fix replace output with shell fix replace cs with csharp fix replace c++ with cpp fix replace c# with csharp fix replace javasctipt with js fix replace syntax with js fix replace unix with shell fix replace linux with shell fix replace java 8 with java fix replace swift4 with swift fix replace react.js with jsx fix replace javascriot with js fix replace javacsript with js fix replace c++ - with cpp fix: corrected various typos fix: replace Algorithm with nothing fix: replace xaml with xml fix: replace solidity with nothing fix: replace c++ with cpp fix: replace txt with shell fix: replace code with json and css fix: replace console with shell 2019-05-15 10:08:19 -07:00			```jsx
fix: change directory structure 2018-10-12 15:37:13 -04:00			`const renderFrameworks = frontEndFrameworks.map((item) =>`
			`<li key={item+1}>{item}</li>`
			`);`
			```