Visual studio code VS代码如何在鼠标悬停时显示完整的typescript定义
我正在将React项目从jsx转换为tsx文件 我需要一个常量类型的完整预览: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
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上的一个问题。