What are some examples of using the map function in React?

What are some examples of using the map function in React?

The map function in React is commonly used to render lists of elements. For example, you can map over an array of objects to create a list of components.

Can you show me a code example?

Sure! Here's a simple example:

const items = ['Apple', 'Banana', 'Cherry'];

const ItemList = () => {
  return (
    <ul>
      {items.map((item, index) => (
        <li key={index}>{item}</li>
      ))}
    </ul>
  );
};

This code maps over the items array and creates a list item for each fruit.

What if I want to pass additional props to the components?

You can pass additional props by including them in the component call within the map function. For example:

const ItemList = () => {
  return (
    <ul>
      {items.map((item, index) => (
        <ListItem key={index} name={item} additionalProp="value" />
      ))}
    </ul>
  );
};