如何根据条件为每个对象渲染子组件？

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  // 定义包含对象的数组
  const objects = [
    { id: 1, name: 'Object 1', shouldRender: true },
    { id: 2, name: 'Object 2', shouldRender: false },
    { id: 3, name: 'Object 3', shouldRender: true },
  ];

  return (
    <div>
      {objects.map((object) => {
        // 根据条件判断是否渲染子组件
        if (object.shouldRender) {
          return <ChildComponent key={object.id} object={object} />;
        }
        return null;
      })}
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = ({ object }) => {
  return (
    <div>
      <h2>{object.name}</h2>
      {/* 子组件的其他渲染内容 */}
    </div>
  );
};

export default ChildComponent;