如何在React JS中有条件地向组件传递属性

import React from 'react';

const ParentComponent = () => {
  const condition = true; // 根据条件设置布尔值

  // 根据条件创建属性对象
  const props = condition ? { prop1: 'value1', prop2: 'value2' } : {};

  return (
    <div>
      <ChildComponent {...props} />
    </div>
  );
};

const ChildComponent = (props) => {
  // 使用传递的属性
  return (
    <div>
      <p>{props.prop1}</p>
      <p>{props.prop2}</p>
    </div>
  );
};

export default ParentComponent;