Estoy usando un componente funcional durante mucho tiempo, lo cual es excelente en vscode, porque sugerirá los accesorios, por ejemplo:

Tengo el componente A:

 export default function A({propsA, propsB}){ }

Entonces uso en la función B:

 export default function B() { return <A p />; }

Tendrá sugerencias como esta

Pero cuando uso la clase, como:

 export default class A extends React.Component {}

¡No devuelve nada! por lo que es difícil de depurar y fácil escribir accesorios incorrectos

Entonces, ¿cómo podemos hacer eso de la misma manera con la función en javascript?

Nota: No mecanografiado, esto es una subcontratación, por lo que no puedo usar eso