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

Question

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

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

标签： reactjsvisual-studio-codematerial-uiintellisensereact-proptypes

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 repo 中的类型示例。

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