Wie dokumentieren ES6-Klassenmitglieder mit verschachtelten Strukturen?

Question

Gibt es einen akzeptierten Weg (der vorzugsweise IDE-kompatibel ist), um die Form verschachtelter Elemente in ES6 zu dokumentieren?

Zum Beispiel

class Foo extends React.Components { 
    constructor(props) { 
     super(props); 
     this.props.bar; // Webstorm for example will think 'bar' is not a member of props 
    } 
} 

Gibt es etwas, das wir die IDE helfen beim Verständnis der erwarteten Struktur unserer Klasse Mitglieder tun können? Etwas wie:

/** @member {string} props.bar **/ 

an der Spitze der Klassendeklaration oder Konstruktor

Answer 1

@property irgendwie funktioniert, aber fühlt sich schuppig.

/** 
* @property {object} props 
* @property {number} props.bar 
*/ 
class Foo extends React.Components { 
    constructor(props) { 
     super(props); 
    } 
} 

hässlich wie die Hölle, aber funktioniert wie am Schnürchen:

class Foo extends React.Components { 
    constructor(props) { 
     super(props); 

     /** @type {{foo: {bar: {}}}} */ 
     this.props = this.props; 
    } 
}