Reactjs 将数组作为道具传递给组件时出错

我选择了一些图像的选择器和通过道具传递他们

  const [ImageSource, setImageSource] = useState([]);
  const [ImageSourceviewarray, setImageSourceviewarray] = useState([]);

  addImages = ()=>{
    ImagePicker.openPicker({
      width: 200,
      height: 200, compressImageMaxHeight: 400,
      compressImageMaxWidth: 400, cropping: true, multiple: true
    }).then(response => {
      let tempArray = []
      setImageSource(response)
      response.forEach((item) => {
        let image = item.path
        tempArray.push(image)
        setImageSourceviewarray(tempArray)
      })
    })
  }

return(
    <PhotosPage images = {[...ImageSourceviewarray]}/>
);

const[ImageSource，setImageSource]=useState（[]）；
常量[ImageSourceviewarray，setImageSourceviewarray]=useState（[]）；
addImages=（）=>{
ImagePicker.openPicker({
宽度：200，
高度：200，压缩最大高度：400，
compressImageMaxWidth:400，裁剪：真，多重：真
})。然后（响应=>{
让tempArray=[]
setImageSource（响应）
响应。forEach（（项目）=>{
让image=item.path
tempArray.push（图像）
setImageSourceviewarray（tempArray）
})
})
}
返回(
);

现在我需要拍摄这些图像，并在我的PhotoPage组件中使用它们

export default ({images})=>{
  return(
    <>
        <CardItem style={styles.moldura}>
          <CardItem style={styles.itemCard}>
            <ImageBackground
              source={{uri:images[0]}}
              style={styles.cardImageMenor}
            >
            </ImageBackground>
            <ImageBackground
              source={{uri:images[1]}}
              style={styles.cardImageMenor}
            />
          </CardItem>
        </CardItem>
      </>
  );
}

导出默认值（{images}）=>{
返回(
);
}

---

然而，它不起作用。仅显示图像的图像[0]。我想问题在于图像数组。例如，如果

ImagePicker

response是由两个图像组成的数组，则如下所示：

response.forEach（（项目）=>{
让image=item.path
tempArray.push（图像）
setImageSourceviewarray（tempArray）{
setImageSource（响应）；
const newImageSourceArray=response.map（item=>item.path）；
setImageSourceviewarray（newImageSourceArray）；
})

做以下工作吗？

。然后（response=>{setImageSource（response）；setImageSourceviewarray（response.map（{path}=>path））；}）

我把它放在哪里？在你发布的代码中查找

。然后