将数组传递给组件/函数作为输入

Question

我设置了一个类似于：

的组件

ImageWaterFall.js:
export default ({ images = [], style }) => (
 <View style={[styles.container, style]}>
  {images.map((image, index) => (
    <View key={index}>
      <Image style={{ width: Width, height: Height }} source={{ uri: image }} />
    </View>
  ))}
</View> 
);

这是我的调用程序组件：

const images = [
  "XXXX_A.jpg",
  "XXXX_B.jpg",
];
export default class XX extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <ImageWaterFall {images}/>
      </View>
    );
  }
}

我会给出一个错误，说出意想不到的令牌。我想知道如何将数组传递给上面的组件（func）？