props中 Array<Object> 怎么定义

在JavaScript中，特别是在React或其他框架中，当你需要向子组件传递一个数组，每个元素都是一个对象（Object），你可以在prop类型定义中使用`Array<Object>`。这意味着你声明接受一个对象类型的数组。

举个例子，如果你有一个父组件，它希望向一个名为`ChildComponent`的子组件传递一些数据，你可以这样定义：

type Props = {
  data: Array<{ key: string, value: number }>
};

class ParentComponent extends React.Component<Props> {
  render() {
    const dataList: Props['data'] = [
      { key: 'item1', value: 10 },
      { key: 'item2', value: 20 },
      // 更多的对象...
    ];

    return <ChildComponent data={dataList} />;
  }
}

// 子组件
function ChildComponent({ data }: Props) {
  data.forEach(item => {
    // item.key 和 item.value 可以直接访问到
  });
  // ...
}

在这个例子中，`Props`接口明确指定了`data` prop应该是`Array<{ key: string, value: number }>`, 意味着数组里的每个元素都必须是包含`key`和`value`属性的对象。