在官方的文档显示如何使用ES6组件类做到这一点，但同样适用于无状态的功能组件。

首先，npm install/yarn add的props类型，如果你还没有包装。

然后，在定义无状态功能组件之后添加您的propTypes（defaultProps如果需要也添加），然后再导出它。

import React from "react";
import PropTypes from "prop-types";

const Header = ({ name }) => <div>hi {name}</div>;

Header.propTypes = {
  name: PropTypes.string
};

// Same approach for defaultProps too
Header.defaultProps = {
  name: "Alan"
};

export default Header;

它与 stateful 没有什么不同，您可以添加它：

import PropTypes from 'prop-types';
Header.propTypes = {
  title: PropTypes.string
}

这是prop-types npm的链接

与您在基于类的组件中所做的相同：

   import PropTypes from 'prop-types';

   const funcName = (props) => {
       ...
   }
   funcName.propTypes = {
       propName: PropTypes.string.isRequired
   }

注意：您可能必须prop-types通过npm install prop-types或安装yarn add prop-types，具体取决于您使用的 React 版本。

它的完成方式与您对基于类的组件的处理方式相同

import PropTypes from "prop-types";

    const = function_name => {}

    function_name.propTypes = {
       prop_name : PropTypes.number
       . . . . . . . . . . . . . .
    }

希望这可以帮助 ！