我想显示来自 React 的数组列表，但当我认为我做的一切都正确时它没有显示？

Question

我想显示来自 React 的数组列表，但当我认为我做的一切都正确时它没有显示？请问我哪里错了

下面是代码

import { useState } from 'react';

function App() {
   
  const [items , setItems] = useState([{
       id:1,
       text:'simple 1'
  },
  {
    id:1,
       text:'simple 2'
  },
  {
    id:1,
    text:'simple 3'
  },

])

  return (
    <div className="App">
    
    {items.map((item) => (
      <h1>{items.text}</h1>
    ))}


     <h1>Hello from React js</h1>
    </div>
  );
}

export default App;

Answer 1

因为您使用的是items.text而不是item.text

{items.map((item) => (
  <h1>{item.text}</h1>
))}

完美地编码其工作