数组对象未使用map显示在Nextjs项目中

import React from 'react';

const YourComponent = () => {
  const arrayObjects = [
    { id: 1, name: 'Object 1' },
    { id: 2, name: 'Object 2' },
    { id: 3, name: 'Object 3' },
  ];

  const renderArrayObjects = () => {
    const elements = [];

    for (let i = 0; i < arrayObjects.length; i++) {
      const object = arrayObjects[i];
      elements.push(
        <div key={object.id}>
          <p>ID: {object.id}</p>
          <p>Name: {object.name}</p>
        </div>
      );
    }

    return elements;
  };

  return (
    <div>
      {renderArrayObjects()}
    </div>
  );
};

export default YourComponent;