Los documentos oficiales muestran cómo hacer esto con las clases de componentes ES6, pero lo mismo se aplica a los componentes funcionales sin estado.

En primer lugar, npm install / yarn add el paquete prop-types si aún no lo ha hecho.

Luego, agregue sus propTypes (y defaultProps también si es necesario) después de que se haya definido el componente funcional sin estado, antes de exportarlo.

 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;

No es diferente con el estado, puede agregarlo como:

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

Aquí hay un enlace a los tipos de prop npm

Se hace de la misma manera que lo hace con los componentes basados en clases

 import PropTypes from "prop-types"; const = function_name => {} function_name.propTypes = { prop_name : PropTypes.number . . . . . . . . . . . . . . }

Espero que esto ayude !