Как реализовать имитацию получения данных по API?

Question

[Владислав]

Добрый день,
Как имитировать получение данных по API, если в тестовом задании дан только json файл. Я не совсем понимаю, что от меня хотят.

spoiler

{
"response": [
{
"id": 1,
"attributes": {
"title": "Flat",
"rooms": 3,
}
}
]
}

Answer 1

[Воващ]

имитация get запроса к json

export default class GetService{
    _apiBase = 'http://localhost:3000';

    async getResource(url) {
        const res = await fetch(`${this._apiBase}${url}`);
        if (!res.ok) {
            throw new Error(`Could not fetch ${url}` + 
                `, received ${res.status}`);
        }
        return await res.json();
    }

и как url скорми ему путь к json'y ;)

Comments

[Владислав]

Делаю import url from "./file.json" - не понимает.
И как использовать это в своей компоненте я тоже не совсем понял. Может я зря вынес этот код в отдельный файл api.js......

[Воващ]

Владислав, https://reactjs.org/docs/faq-ajax.html#how-can-i-m...

componentDidMount(){  
     fetch("http://localhost/static/db.json") 
        .then(res=> res.json())
        .then(data=> // что-то )
}

думаю так понятнее )

[Владислав]

Воващ, Вооооот