如何在 vscode 中显示 React 组件 props 的预期值？

Question

我正在尝试创建自己的私有组件库。我设法使用 prop-types 显示 prop 的描述，但未显示预期值。我还没有看到任何有关此的文档，或者我只是盲目的。

这就是我想要实现的目标，就像在材质 UI 中一样。

Answer 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 存储库中的类型示例。

请参阅有关如何完成的相关问题。