PropTypes in einer TypeScript React Application

Question

Macht die Verwendung von React.PropTypes in einer TypeScript React Application Sinn oder ist das nur ein Fall von "Gürtel und Hosenträgern"?

Da die Komponentenklasse mit einem Props Typ-Parameter deklariert wird:

interface Props { 
    // ... 
} 
export class MyComponent extends React.Component<Props, any> { ... } 

gibt es einen wirklichen Nutzen

static propTypes { 
    myProp: React.PropTypes.string 
} 

auf die Klassendefinition hinzufügen?

Answer 1

Ich vermute, dass in einigen chaotischen Situationen, in denen der Typ der Requisiten zur Kompilierzeit nicht abgeleitet werden kann, es sinnvoll wäre, alle Warnungen zu sehen, die durch die Verwendung von propTypes generiert wurden.

Ansonsten sehe ich keinen Vorteil (was ich, warum ich es nie persönlich benutzt habe).

Answer 2

Wenn Sie Komponenten schreiben, die von Nicht-TypeScript-Projekten wie einer Komponentenbibliothek verwendet werden sollen, können diese Projekte nicht von der PropTypes-basierten Typvalidierung profitieren.

Wenn Sie jedoch nicht machen alles, was von einem Nicht-TypeScript-Projekt verbraucht wird, ist es eine sinnlose Übung. Dies ist insbesondere der Fall, da TypeScript 2.4 die JSX-Kindtypüberprüfung unterstützt (https://github.com/Microsoft/TypeScript/issues/13618).

Denken Sie daran, dass, obwohl context als any bereitgestellt wird, contextTypes immer noch erforderlich ist, damit diese Werte an Ihre Komponente weitergegeben werden.

Ich bin interessiert zu sehen, ob es ein Tool gibt, das propTypes automatisch zur Kompilierzeit von TypScript-Schnittstellen generieren kann. Das wäre ziemlich cool.