在 JSX 标记中使用组件时，如何使 VS Code 自动完成 React 组件的 prop 类型？
PS：我使用的是 JS，而不是 TS。
如何使 vs 代码自动完成 React 组件的 prop 类型？
IT技术
reactjs
visual-studio-code
intellisense
jsx
javascript-intellisense
2021-04-29 12:36:40
3个回答
也可以选择使用@params 定义：
/**
*
* @param {{header: string, subheader: string, imageAlt: string, contentList: Array, orderLink: Object, contentLink: Object}} props
*/
export default function JumbotronMain(props) {...}
我注意到如果你有一个无状态组件并且你使用 ES6 获得props，当你使用这个组件时，你会获得带有自动完成功能的props。
const Stateless = ({ prop1, prop2 }) => {
return (
<div></div>
)
}
您还可以从PropTypes获得智能感知支持。你需要安装prop-types
import React from "react"
import PropTypes from 'prop-types';
function Header(props) {
return <h1>{props.headerText}</h1>
}
Header.propTypes = {
headerText: PropTypes.string.isRequired
}
export default Header
