Slide 17
Slide 17 text
実際の実装
const { items: fetchedItems, totalPages } = useData(currentPage);
const [itemsLocalDiff, setItemsLocalDiff] = useState(new Map());
const items = useMemo(() => {
return fetchedItems.map((item) => {
const localDiff = itemsLocalDiff.get(item.id);
if (localDiff) {
return { ...item, description: localDiff.description };
}
return item;
});
}, [fetchedItems, itemsLocalDiff]);
17
2 つ の ス テ ー ト を
useMemo 内 で 合 成
してitemsを得ている