如何使用react呈现对象数组

npm install react

yarn add react

import React from 'react';

import React, { useState } from 'react';

const ObjectArrayComponent = () => {
  const [objects, setObjects] = useState([
    { id: 1, name: 'Object 1' },
    { id: 2, name: 'Object 2' },
    { id: 3, name: 'Object 3' }
  ]);

  return (
    <div>
      {/* 呈现对象数组 */}
      {objects.map(object => (
        <div key={object.id}>{object.name}</div>
      ))}
    </div>
  );
};

export default ObjectArrayComponent;

import React from 'react';
import ObjectArrayComponent from './ObjectArrayComponent';

const App = () => {
  return (
    <div>
      {/* 渲染ObjectArrayComponent组件 */}
      <ObjectArrayComponent />
    </div>
  );
};

export default App;