如何显示我的所有图像以在我的 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 (将#修改为@）