在React组件的render方法上，如何将道具仅应用于map/array中的一个项目？

class MyComponent extends React.Component {
  render() {
    const data = ["item1", "item2", "item3"];
    const propToApply = "propValue";

    return (
      <div>
        {data.map((item, index) => {
          // 判断条件，决定是否应用该道具
          const shouldApplyProp = index === 0;
          // 根据判断条件，决定是否添加该道具
          const componentProps = shouldApplyProp ? { propToApply } : {};

          return <ChildComponent key={index} {...componentProps} />;
        })}
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.propToApply ? "Applied Prop" : "Not Applied"}</div>;
  }
}