reactjs - react - typescript tsx

PropTypes en una aplicación TypeScript React

Question

¿El uso de React.PropTypes tiene sentido en una aplicación TypeScript React o es solo un caso de "cinturón y tirantes"?

Dado que la clase de componente se declara con un parámetro de tipo Props :

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

¿Hay algún beneficio real para agregar

static propTypes {
myProp: React.PropTypes.string
}

a la definición de la clase?

Answer 1

Si está escribiendo componentes para ser consumidos por proyectos que no son de TypeScript, como una biblioteca de componentes, esos proyectos no podrán beneficiarse de la validación de tipos basada en PropTypes.

Sin embargo, si no está haciendo nada que será consumido por un proyecto que no sea de TypeScript, es un ejercicio sin sentido. Esto es especialmente así ahora que TypeScript 2.4 admitirá la comprobación de tipo de hijo JSX ( https://github.com/Microsoft/TypeScript/issues/13618 ).

Tenga en cuenta que aunque el context se proporciona como un any , contextTypes todavía es necesario para que esos valores se pasen a su componente.

Me interesa ver si hay una herramienta que pueda generar propTypes automáticamente en tiempo de compilación desde las interfaces de TypeScript. Eso sería muy bueno.

Answer 2

Supongo que en algunas situaciones confusas donde el tipo de accesorios no se puede inferir en el momento de la compilación, sería útil ver las advertencias generadas por el uso de propTypes .

Aparte de eso, no veo ningún beneficio (por lo que nunca lo he usado personalmente).