检查后打字稿对象可能是“未定义”

Question

快速提问 - 为什么 Typescript 仍然认为它是未定义的？

将下面的代码添加到我的应用程序时，draft.splice(result.destination.index, 0, draggedItem); 线上出现 Typescript 错误，说 result.destination 对象可能未定义。这是部分正确的，因为它的类型如下：DragUpdate.destination?: DraggableLocation | undefined。但是，我在此函数的开头进行了检查，因此在给定的行中，它永远不会是 undefined。

const onDragEnd = useCallback((result: DropResult) => {
        // do nothing if no destination
        if (!result.destination) return;
        setState((prevState: IOrderCard[]) =>
            produce(prevState, draft => {
                const draggedItem = draft[result.source.index];
                draft.splice(result.source.index, 1);
                draft.splice(result.destination.index, 0, draggedItem);
                return draft;
            })
        );
    }, []);

这是带有钩子的 React 应用，同时使用 immer 和 react-beautiful-dnd。

Answer 1

我无法评论 Alexsey L. 所说的话，但更快的解决方法是使用 !当您知道某些内容将被定义时。