Question

在我的应用程序中，我有一个mutation，我想在服务器响应之前使用optimisticUpdater更新视图。为此，我需要从列表中删除一些记录到中继存储中，例如：

optimisticUpdater: storeProxy => {
  storeProxy.delete(recordDataID)
}

问题在于中继不会删除记录，但会转换null中的记录。这可能很烦人，因为我每次在应用程序中使用列表时都必须过滤列表。

有人知道如何删除记录？

Answer 1

您必须从列表中删除记录

optimisticUpdater: (store) => {
    const listOfRecords = store.getRoot().getLinkedRecords('list')
    const newList = listOfRecords.filter(record => record.getDataID() !== recordDataID)
    store.getRoot().setLinkedRecords(newList, 'list')
}

在此示例中，我假设您的列表位于图形的根部

Answer 2

如果您使用@connection装饰查询，则可以使用ConnectionHandler轻松删除记录：

const query = graphql`query WidgetListQuery {
    widgets(first: 10) @connection(key: "WidgetList_widgets") {
        ...
    }
}`

optimisticUpdater(store) {
    const widgets = ConnectionHandler.getConnection(store.getRoot(), 'WidgetList_widgets');
    ConnectionHandler.deleteNode(widgets, deleted_widget.id)
}

Relay Modern：删除optimisticUpdater中的记录

2 个答案: