Qué tienes que configurar para autocompletar el componente de React como te sucedió a ti?

hola, para hacer que vs code te reconozca los archivos de js como jsx

pulsa ctrl + shift + p para que te salga la barra de navegación escribes: settings.json

y dentro del json pegas:

"files.associations": {
        "*.js": "javascriptreact"
   }

te tiene que quedar así:

{
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Monokai Dark Soda",
    "window.zoomLevel": 1,
    "liveServer.settings.donotShowInfoMsg": true,
    "editor.tabSize": 2,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.minimap.enabled": true,
    "editor.renderWhitespace": "none",
    "breadcrumbs.enabled": false,
    "files.associations": {
        "*.js": "javascriptreact"
    }
}

Me refería al autocompletado, no tanto al highlighting.. gracias de todas formas, sigo con la duda

ya al hacer esa configuración vas a tener el autocompletado del vs code para el JS, ahora si lo que quieres son los snippets descarga la extencion: ES7 React/Redux/GraphQL/React-Native snippets

**Instala Babel ES6/ES7 **