Передать массив компоненту / функции в качестве ввода

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> 
);

А вот мой компонент invoker:

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), как указано выше?