Help me please, i can’t render li , but and li tag haven’t key attribute, how should view code?
* 1. const frontEndFrameworks = [
* 2. 'React',
* 3. 'Angular',
* 4. 'Ember',
* 5. 'Knockout',
* 6. 'Backbone',
* 7. 'Vue'
* 8. ];
* 9. function Frameworks() {
* 10. const renderFrameworks = frontEndFrameworks.map((item, index) => {
* 11. <li key={index}>{item}</li>
* 12. }); // change code here
* 13. return (
* 14. <div>
* 15. <h1>Popular Front End JavaScript Frameworks</h1>
* 16. <ul>
* 17. {renderFrameworks}
* 18. </ul>
* 19. </div>
* 20. );
* 21. };
Blockquote
**Your browser information:**
User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36</code>.
**Link to the challenge:**
https://learn.freecodecamp.org/front-end-libraries/react/give-sibling-elements-a-unique-key-attribute