Reactjs React Native从API调用访问映像

如何从react本机应用程序访问当前json结构中的图像-

[
  {
    "id": "1",
    "height": "160",
    "student": {
      "name": "John",
      "studentImages": [
        {
          "thumbnail": true,
          "path": "https://..."
        },
        {
          "thumbnail": false,
          "path": "https://..."
        }
      ]
    }
  }
]

我目前拥有的是-

return this.state.studentDataList.map((studentData) => {
            return (
                <View>
                    <Card image={require('img')}>
                        <Text>{studentData.student.name}</Text>
                    </Card>
                </View>
            )
        })

返回此.state.studentDataList.map（（studentData）=>{
返回(
{studentData.student.name}
)
})

---

对于卡片图像，我需要访问

student.studentImages.path

，并将具有缩略图的图像视为真。如何访问它？

您需要从缩略图图像数组中筛选出第一个正确的缩略图

return this.state.studentDataList.map((studentData) => {
                let thumbnailData = studentData.student.studentImages;
                let image = thumbnailData.find((img) => img.thumbnail);
                let imageSrc = image.path || '';
                return (
                    <View>
                        <Card image={imageSrc}>
                            <Text>{studentData.student.name}</Text>
                        </Card>
                    </View>
                )
            })

返回此.state.studentDataList.map（（studentData）=>{
让thumbnailData=studentData.student.studentImages；
让image=thumbnailData.find（（img）=>img.thumbnail）；
设imageSrc=image.path | |“”；
返回(
{studentData.student.name}
)
})

如果缩略图为真，则返回

卡组件的代码如下

return this.state.studentDataList.map(studentData => {
            studentData.student.studentImages.map(studentImages=>{
                return (
                    {studentImages.thumbnail && 
                    <View>
                        <Card image={{ uri:studentImages.path }}>
                            <Text>{studentData.student.name}</Text>
                        </Card>
                    </View>}
                );
            })
        })

返回此.state.studentDataList.map（studentData=>{
studentData.student.studentImages.map（studentImages=>{
返回(
{studEntityMages.Thumnail&&
{studentData.student.name}
}
);
})
})
什么是
卡
组件？它是react native elementstry
中的卡视图，可以看到出现的任何图像