Visual studio code VS代码如何在鼠标悬停时显示完整的typescript定义

Visual studio code VS代码如何在鼠标悬停时显示完整的typescript定义,visual-studio-code,Visual Studio Code,我正在将React项目从jsx转换为tsx文件 我需要一个常量类型的完整预览: const canvasProps = { setPorts, setBoxes, setLines, selected, setSelected, actionState, setActionState, ... // and more }; 将鼠标悬停在canvasProps上,我可以看到预览: const canvasProps: { setPorts: React.D

我正在将React项目从jsx转换为tsx文件

我需要一个常量类型的完整预览:

const canvasProps = {
  setPorts,
  setBoxes,
  setLines,
  selected,
  setSelected,
  actionState,
  setActionState,
  ... // and more
};
将鼠标悬停在canvasProps上,我可以看到预览:

const canvasProps: {
    setPorts: React.Dispatch<React.SetStateAction<{
        shape: string;
        id: string;
        name: string;
        port: portType;
        ref: any;
    }[]>>;
    setBoxes: React.Dispatch<React.SetStateAction<BoxType[]>>;
    ... 13 more ...;
    toggleFlowVisibility: (flow: any) => void;
}
const canvasProps:{
设置端口:React.Dispatch;
挫折:反应。调度;
…还有13个。。。;
toggleFlowVisibility:(流:任意)=>void;
}
我需要得到这个常量的完整类型定义,这意味着要看到额外的13个类型

(为什么我需要这个?我需要声明React.Context的属性,这取决于尚未声明的函数(在函数组件内部))


因此,我不需要努力就能得到完整的类型定义吗?

tsconfig.json添加
“noerrortrunation”:true
会产生扩展
的副作用。。。n更多…
来自VSCode中的类型预览。

我不确定是否完全理解。画布道具从哪里来?它是您声明的对象,还是由第三方声明的对象?它是在我的“主”react组件中声明的对象,然后该对象被用作我的上下文值对象(所有子组件都使用它)。问题是,我需要在主组件外部使用
React.createContext
定义一个上下文,以便所有其他子组件都能够导入它,因此我需要预定义此对象中每个变量的类型。如果我理解正确,那么如何将上下文结构作为接口?因此,首先,当您更改上下文时,您将是类型安全的,其次,在子对象中使用该类型。我试图深入vscode代码库,以找到这个工具提示内容的确切计算位置,但它似乎超出了vscode本身(但可能只是我自己)。这就是我走了多远。无论如何,它闻起来像是一个功能请求,或者至少是Github上的一个问题。