Как документировать члены класса ES6 с вложенными структурами?

Question

Есть ли принятый способ (желательно совместимый с IDE) для документирования вложенных элементов формы в ES6?

Например

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

Есть ли то, что мы можем сделать, чтобы помочь в понимании IDE ожидаемой структуры наших членов класса? Что-то вроде:

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

в верхней части объявления класса или конструктора

Answer 1

@property вроде работает, но чувствует себя отслаиваться.

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

Гадкий как ад, но работает как часы:

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

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