Блог

у меня проблема с получением изображений из страпи . я много пробовал , но он не показывает никаких изображений, также, когда я публикую текстовое объявление, попробуйте изображение, оно не работает, может кто-нибудь мне помочь !

 const ApiUrl = ('http://localhost:1337')
 

const { id } = useParams()
const {загрузка , ошибка , данные } = useFetch(‘http://localhost:1337/reviews/’ идентификатор)

 if(loading) return <p>Loading..</p>
if(error) return <p>Error</p>

return (
    <div className={classes.root}>
      <div className={classes.container}>
     
      <img src={ApiUrl   data.image} alt={data.naam} />
      <h2 className={classes.headertxt}>{data.naam}</h2> 
 

также попробовал {обзор.изображение} {данные.изображение.url} обзор.изображение.url

в отношении

Я думаю, вам нужно проверить документацию для вашего API (если вы используете rest API) или схему игровой площадки GraphQL (если вы используете GrapQl).

Установите плагин документации пользовательского интерфейса Swagger для проверки схемы.

Это может решить вашу проблему.

Может быть, это даст вам какие-то указания.

ССЫЛКА НА API КОНТЕНТА STRAPI ПОЛУЧИТЬ

и вот что это должно вернуть вам:

 {
      "id": 1,
      "title": "Restaurant 1",
      "cover": {
        "id": 1,
        "name": "image.png",
        "hash": "123456712DHZAUD81UDZQDAZ",
        "sha256": "v",
        "ext": ".png",
        "mime": "image/png",
        "size": 122.95,
        "url": "http://localhost:1337/uploads/123456712DHZAUD81UDZQDAZ.png",
        "provider": "local",
        "provider_metadata": null,
        "created_at": "2019-12-09T00:00:00.000Z",
        "updated_at": "2019-12-09T00:00:00.000Z"
      },
      "content": [
        {
          "__component": "content.title-with-subtitle",
          "id": 1,
          "title": "Restaurant 1 title",
          "subTitle": "Cozy restaurant in the valley"
        },
        {
          "__component": "content.image-with-description",
          "id": 1,
          "image": {
            "id": 1,
            "name": "image.png",
            "hash": "123456712DHZAUD81UDZQDAZ",
            "sha256": "v",
            "ext": ".png",
            "mime": "image/png",
            "size": 122.95,
            "url": "http://localhost:1337/uploads/123456712DHZAUD81UDZQDAZ.png",
            "provider": "local",
            "provider_metadata": null,
            "created_at": "2019-12-09T00:00:00.000Z",
            "updated_at": "2019-12-09T00:00:00.000Z"
          },
          "title": "Amazing photography",
          "description": "This is an amazing photography taken..."
        }
      ],
      "opening_hours": [
        {
          "id": 1,
          "day_interval": "Tue - Sat",
          "opening_hour": "7:30 PM",
          "closing_hour": "10:00 PM"
        }
      ]
    }