title: Autocomplete on react code when use class component in visual studio code
body: <p>I'm using functional component for long time, which is great on vscode, because it will suggest the props, for example:</p>
  <p>I have component A:</p>
  <pre><code>export default function A({propsA, propsB}){
  
  } 
  </code></pre>
  <p>Then i use in function B:</p>
  <pre><code>export default function B() {
    return &lt;A p /&gt;;
  }
  </code></pre>
  <p>It will have suggestion like this</p>
  <p><a href="https://i.stack.imgur.com/nahb8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nahb8.png" alt="enter image description here" /></a></p>
  <p>But when i use class, like:</p>
  <pre><code>export default class A extends React.Component {}
  </code></pre>
  <p>It do not return anything! so it hard to debug and easy to write wrong props</p>
  <p>So how can we do that the same way with function in javascript</p>
  <p>Note: No typescript, this is an outsource, so i can't use that</p>