你如何在 vscode 中显示反应组件道具的预期值？答案

【问题标题】：How do you show expected values of react component props in vscode?你如何在 vscode 中显示反应组件道具的预期值？
【发布时间】：2020-09-23 08:16:54
【问题描述】：

我正在尝试创建自己的私有组件库。我设法使用道具类型显示道具的描述，但未显示预期值。我还没有看到任何关于这个的文档，或者我只是个盲人。

这就是我想要实现的，就像在 Material-UI 中一样。

【问题讨论】：

【解决方案1】：

PropTypes 用于运行时检查，与 VSCode 自动完成/自动建议无关。

获取属性的描述是VSCode的一部分，它从函数参数中获取：

// Will get those props autocomplete
const Component = ({ prop1, prop2, prop3 }) => {}

// Won't get autocomplete
const Component = (props) => {}

要获得自动建议，您需要为组件添加类型或使用 Typescript 和 Flow 等类型系统。

请参阅 Material UI 存储库中的 types example。

请参阅related question 了解它是如何完成的。

【讨论】：