您如何在 vscode 中显示 React 组件道具的预期值？

Question

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

这就是我在 material-UI.

中想要实现的目标

Answer 1

PropTypes 用于运行时检查它与 VSCode auto-complete/auto-suggestions.

无关

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

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

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

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

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

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