reactjs - 你如何在 vscode 中显示 react 组件 props 的预期值？

Question

我正在尝试创建自己的私有(private)组件库。我设法使用 Prop 类型显示 Prop 的描述，但未显示预期值。我还没有看到任何关于这个的文档，或者我只是瞎了眼。
这就是我想要实现的，就像在 Material-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 等类型系统。

见 types example在 Material UI 存储库中。

见 related question它是如何完成的。