Как получить переменную из fetch?

Question

[X0lera]

fetch("api.kai-zer.ru/dev/method/products.getAll")
.then((r) => r.json())
.then((data) => {
const result = data.response
})

Answer 1

[webfln]

А какой цели вы пытаетесь достичь?
Вариант это сохранить нужный промис и потом из него извлекать

const fetchResult = fetch("api.kai-zer.ru/dev/method/products.getAll");

fetchResult.then((r) => r.json()).then((data) => { console.log(data.response)})

Comments

[X0lera]

import React from "react"

fetch("http://api.kai-zer.ru/dev/method/products.getAll")
.then((res) => res.json())
.then((data) => {
  const items = data.response.items;
  const Image = (namber) => {
    return (
      <div>
        {items[namber].image.url}
      </div>
      )
    }
})

export default Image

Как мне можно сделать что-то подобное?

[webfln]

X0lera, К примеру через стейт

class Image extends Component {

	state = { items: null }

	componentDidMount() {
		fetch("http://api.kai-zer.ru/dev/method/products.getAll")
		.then((res) => res.json())
		.then((data) => (this.setState({ items: data.response.items })))
	}

	render() {

		const { items } = this.state;

		return (
	      <div>
	        {items[number].image.url}
	      </div>		
		)

	}

}

[X0lera]

webfln, Как можно добавить им ключи?

[webfln]

X0lera, Перебрать в map и добавить key