Typenprüfung mit PropTypes
Damit Komponenten wie gewünscht funktionieren, benötigen sie die richtigen Props – also nicht nur müssen bestimmte Props vorhanden sein, sie müssen auch den richtigen Datentyp haben. Wenn z.B. ein Array erwartet wird, darf nicht einfach ein String übergeben werden.
Damit Fehler mit falschen Typen frühzeitig erkannt werden, kann man die Erweiterung propTypes installieren, mit der man bei Props einer Komponente angeben kann, was für ein Datentyp erwartet wird.
Wenn dann ein falscher Datentyp übergeben wird, oder ein benötigtes Prop fehlt, erscheint eine entsprechende Fehlermeldung in der Konsole. Ohne diese Fehlermeldung könnte sich die Komponente nicht wie gewünscht verhalten, ohne dass notwendigerweise das Programm mit einem JavaScript-Fehler abbricht, und es kann dann sehr schwierig sein, die Ursache des Problems zu finden.
prop-types installieren
npm install prop-types --save --save-exactmuss in jede Komponente importiert werden
import PropTypes from 'prop-types';Link
https://de.reactjs.org/docs/typechecking-with-proptypes.html