如何在使用JSX标记时,使VS Code自动完成React组件的属性类型?注意:我正在使用JS而不是TS。
你还可以从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
对于类组件,您可以使用propTypes来完成此任务,您可以查看此链接以获取详细信息 -> Link
import PropTypes from 'prop-types';
class Greeting extends React.Component {
render() {
return (
<h1>Hello, {this.props.name}</h1>
);
}
}
Greeting.propTypes = {
name: PropTypes.string
};
JSDoc
的@param
,则可以完全自动完成。否则,TypeScript
是解决方案。 - Filip Seman