如何使vs代码自动完成React组件的prop类型？

Question

如何在VSX标记中使用组件时使VS代码自动完成React组件的prop类型？

PS:我使用的是JS,而不是TS.

Answer 1

也可以选择使用@params 定义：

/**
 * 
 * @param {{header: string, subheader: string, imageAlt: string, contentList: Array, orderLink: Object, contentLink: Object}} props 
 */
export default function JumbotronMain(props) {...}

Answer 2

我注意到如果你有一个无状态组件并且你使用 ES6 获得道具，当你使用这个组件时，你会获得带有自动完成功能的道具。

const Stateless = ({ prop1, prop2 }) => {
  return (
    <div></div>
  )
}