我有一個(gè)待辦事項(xiàng)列表:項(xiàng)目1項(xiàng)目2項(xiàng)目3每個(gè)項(xiàng)目都有一個(gè)刪除按鈕,其中包含用于刪除單個(gè)項(xiàng)目的突變。每個(gè)項(xiàng)目都有帶有l(wèi)oadingfrom 的微調(diào)器deleteMutation問(wèn)題:一旦我按下單個(gè)項(xiàng)目上的刪除按鈕,列表中每個(gè)項(xiàng)目的微調(diào)器都會(huì)打開(kāi)。我知道這里的問(wèn)題,但不知道如何正確解決。我們可以為列表中的每個(gè)項(xiàng)目添加狀態(tài),以及打開(kāi)微調(diào)器的邏輯。但我正在這里尋找正確的解決方案。也許有一種方法可以知道調(diào)用了哪些參數(shù)的突變,我將添加簡(jiǎn)單的代碼todos.map(({ id, title }) => ( <div> <p>{title}</p> <button onClick={() => deleteMutation({ variables: { id } })}> {loading && id === deletedId ? <Spinner color="white" size="sm" /> : Delete} </button> </div>))
Apollo GraphQL Mutation 單獨(dú)加載列表中的每個(gè)項(xiàng)目
慕的地8271018
2023-07-20 14:33:39