feat: Add updateAt method for useList

streamich · Feb 7, 2019 · ad05609 · ad05609
2 parents 682a271 + 5c72b7c
commit ad05609
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/useList.ts b/src/useList.ts
@@ -2,6 +2,7 @@ import {useState} from 'react';
 
 export interface Actions<T> {
   set: (list: T[]) => void;
+  updateAt: (index: number, item: T) => void;
   push: (item: T) => void;
   filter: (fn: (value: T) => boolean) => void;
   sort: (fn?: (a: T, b: T) => number) => void;
@@ -12,6 +13,11 @@ const useList = <T>(initialList: T[] = []): [T[], Actions<T>] => {
 
   return [list, {
     set,
+    updateAt: (index, entry) => set([
+      ...list.slice(0, index),
+      entry,
+      ...list.slice(index + 1)
+    ]),
     push: (entry) => set([...list, entry]),
     filter: (fn) => set(list.filter(fn)),
     sort: (fn?) => set([...list].sort(fn)),