在ReactJS中列出数组中的所有项

import React from 'react';

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

export default MyComponent;

{items && items.length > 0 ? (
  items.map((item, index) => (
    <li key={index}>{item}</li>
  ))
) : (
  <p>No items to display</p>
)}

{items.map((item, index) => (
  <li key={item.id}>{item.name}</li>
))}

import React, { useEffect, useState } from 'react';

const MyComponent = () => {
  const [items, setItems] = useState([]);

  useEffect(() => {
    fetch('https://api.example.com/items')
      .then(response => response.json())
      .then(data => setItems(data));
  }, []);

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

export default MyComponent;