PropTypes en composant sans état fonctionnel

Question

Sans utiliser la classe, comment utiliser PropTypes en composant sans état fonctionnel de réagir ?

Answer 1

L' officiel docs montrer comment faire cela avec ES6 classes de composants, mais la même chose s'applique pour les apatrides composants fonctionnels.

Tout d'abord, npm install / yarn add le nouveau prop-types de paquet , si vous ne l'avez pas déjà.

Ensuite, ajoutez votre propTypes (et des defaultprops trop si nécessaire) après les apatrides composante fonctionnelle a été défini, avant de l'exporter.

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;

Answer 2

Il n’est pas différent avec l’état, vous pouvez l’ajouter comme :

Voici un lien vers prop-types NGP