Rendering Objects

Tell us what’s happening:
Describe your issue in detail here.

can someone please help me with rendering list items from frontEndFrameworks ,since I am beginner with react,Thanks in advance

  **Your code so far**

const frontEndFrameworks = [
'React',
'Angular',
'Ember',
'Knockout',
'Backbone',
'Vue'
];

function Frameworks() {
const renderFrameworks =frontEndFrameworks.map(item=>{
  <li key='item'>{item}</li>
}) ; // Change this line
return (
  <div>
    <h1>Popular Front End JavaScript Frameworks</h1>
    <ul>
      <li key="1">{renderFrameworks.key}</li>
      {renderFrameworks}
      
    </ul>
  </div>
);
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:88.0) Gecko/20100101 Firefox/88.0

Challenge: Give Sibling Elements a Unique Key Attribute

Link to the challenge:

Hi @bikrantthakur6 ,

In your code below, the map function is not returning anything. Just add a return keyword in front of the ‘<li’

const renderFrameworks =frontEndFrameworks.map(item=>{
  <li key='item'>{item}</li>
}) ;

Also, you don’t need to again mention <li> tag in your <ul> tags as you are already doing this in renderFrameworks.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.