И
class ServiceReal {
...
getOrders(myFetch){
let {data, error, loading}= myFetch("/api/real-data/");// реальные данные
}
}
class ServiceDummy{
...
getOrders(myFetch){
retutn [{id:1, status: 2, order_name:"Заказ 20231"}];// просто массив
}
}чтобы дальше вот так делать
let service = isRealMode? new ServiceReal (): new ServiceDummy();
function OrderComponent(){
let data = service.getOrders(useFetch); // если в тестовом режиме то, данные получаем из массива если настоящий то из сервера
return (<div>{
data.map((item)=>{
<span key={item.id}>{item.order_name}</span>
});
}</div>);
}class ServiceReal {
getOrders() {
const promise = fetch(“/api/real-data/")
return promise
}
}
class ServiceDummy {
getOrders() {
const data = [{id:1, status: 2, order_name:"Заказ 20231"}];
return Promise.resolve(data)
}
}
const service = …
const Component = () => {
const {data, error, loading} = useFetch(service.getOrders)
}