如何解决如何显示我的所有图像以在我的 create react-admin 中选择一个?
我的请求运行良好(图像显示良好),但是只显示最后一个,我希望能够在选择中显示最后一个,以便我们可以选择我们想要的图像。 我可以添加什么? 目前,返回仅显示 1 张图像,而我有几张。我不确定如何制作循环或使用正确的组件 (selectInput)?
import {InputGuesser,CreateGuesser,} from "@api-platform/admin";
import { useRecordContext,Datagrid } from 'react-admin';
import React,{ useEffect,useState } from "react";
export const TreeCreate = props => (
<CreateGuesser {...props}>
<MyImageField/>
</CreateGuesser>
);
const MyImageField = (props) => {
const record = useRecordContext(props)
const [imageUrl,setimageUrl] = useState('')
useEffect(() => {
(async (rec) => {
let content = ''
try {
const response = await fetch(`https://nuxt-api.local/media_objects`)
console.log(response)
const res = await response.json()
content = res['hydra:member'].find(value => { return value['@id'] }).contentUrl || ''
console.log(content,'test')
} catch (error) {
console.warn('MyImageField error:',error)
}
setimageUrl(`https://nuxt-api.local/${content}`)
})(record)
},[record,setimageUrl])
return(
<img width="100" src={imageUrl} alt="Upload image" />
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。