Image 从Firestore检索图像数组

我查询了Firestore中特定文档的所有字段。其中一个字段是从Firebase存储中获取的图像数组。我不知道为什么，但我无法检索这些图像

编辑：我试图在日志之后、图像之前添加abc，但没有显示任何内容。

这是我的代码：

  const [photo, setPhoto] = useState([]);

  useEffect(() => {
      handlClick();
  }, []);

  const handlClick = () => {
    var i = 0;
    setRestaurant([]);
    setPhoto([]);
    db.doc(idBranch).get().then(data => {
        const branchData = data.data();
        setRestaurant(branchData);
        const ph = branchData.Photo;
        ph.forEach(pho =>{
          setPhoto(p => [...p, pho]);
        })
    })
  }

  return (
        {photo && photo.forEach((ph) => {
            <View>
              <Text> {console.log(ph)}</Text>
              <Image source = {{uri : ph}}/>
            </View>
        })}
  )

const[photo，setPhoto]=useState（[]）；
useffect（（）=>{
handlClick（）；
}, []);
常量handlClick=（）=>{
var i=0；
西餐厅（[]）；
setPhoto（[]）；
db.doc（idBranch.get（）。然后（数据=>{
const branchData=data.data（）；
西餐厅（branchData）；
常数ph=branchData.Photo；
弗雷奇博士（pho=>{
setPhoto（p=>[…p，pho]）；
})
})
}
返回(
{photo和photo.forEach（（ph）=>{
{console.log（ph）}
})}
)

console.log是正确的（即使每次检索它们不止一次并且不应该这样做），下面的图像：

以下是Firestore结构：

---

请帮助我了解如何检索图像。

您的功能组件必须返回JSX，但不能返回对象。如果要通过循环渲染JSX，还必须使用

.map

方法。试试这个：

return (
   <View>
      {photo && photo.map((ph) => (
         <View>
            <Text>{console.log(ph)}</Text>
            <Image source = {{uri : ph}}/>
         </View>
         ))
      }
   </View>
)

返回(
{photo&&photo.map（（ph）=>(
{console.log（ph）}
))
}
)

尝试在添加样式中添加样式={{width:200，height:200}）仍然没有什么…我不认为这是图像问题，我编辑了问题，添加了文本，但仍然没有显示任何内容