Skip to content

Instantly share code, notes, and snippets.

@erksch
Created March 15, 2019 11:16
Show Gist options
  • Save erksch/a1c0b8d1336348ef6bc4f84f611d0e24 to your computer and use it in GitHub Desktop.
Save erksch/a1c0b8d1336348ef6bc4f84f611d0e24 to your computer and use it in GitHub Desktop.
useOrders hook with delete logic
// useOrders.js
import { useState, useEffect } from 'react';
import OrderService from './OrderService';
function useOrders() {
const [orders, setOrders] = useState([]);
async function fetchOrders() {
const orders = await OrderService.get();
setOrders(orders);
}
async function deleteOrder(id) {
await OrderService.delete(id);
setOrders(orders.filter(order => order.id !== id));
}
useEffect(() => {
fetchOrders();
}, []);
return { orders, deleteOrder };
}
export default useOrders;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment