如何修复错误类型 void is not assignable to type using react and typescript？

Question

我有如下有效的代码。

const { loading, data, error, refetch } = useItemDetailsQuery({
    variables,
    notifyOnNetworkStatusChange: true,
    fetchPolicy: 'network-only',
});

const details: Partial<Item> = data?.itemDetails
    ? data.itemDetails
    : {};

type Item = ItemDetailsQuery['itemDetails'];

type itemDetailsQuery = {
    itemDetails: Pick<
        Types.ItemDetails,
        | 'created'
        | 'description'
        | 'name'
    >
 };

现在使用上面的代码，详细数据不会更新页面刷新。 所以我想把细节的计算逻辑放在 useMemo 中，这样它就可以在数据发生变化时计算这个逻辑，因此不需要重新加载页面来查看新数据。

所以我试着像这样把逻辑放在 useMemo 中

const details: Partial<Item> = React.useMemo(
    () => { data?.itemDetails
        ? data.itemDetails
        : {}
    }, [data]
);

但这给了我错误“类型'void'不可分配给类型'Partial <Pick <ItemDetails，“created”，“description”，“name”}>”

我不确定如何解决这个问题。 有人可以帮我解决这个问题吗？ 谢谢。

刚接触react和typescript，正在学习中。

Answer 1

你忘记了 useMemo 中的回报。 如果没有在 curry function 中返回，details 的值将是未定义类型的 void。

const details: Partial<Item> = React.useMemo(
    () => { 
        return data?.itemDetails
        ? data.itemDetails
        : {}
    }, [data]
);