Javascript VS代码如何将HTML合并到.JS文件中？

我尝试在VS代码中创建React项目。当我试图用下面的HTML标记保存index.js时，VS代码会打断我的标记并在单词和括号之间加空格。找不到我该怎么解决它

// this is before I safe the project
ReactDOM.render( <div> Hello World! </div>, document.getElementById('root'))

// this is after I safe the project
ReactDOM.render( < div > Hello World! < /div>, document.getElementById('root'))

要么：

将所有.js文件扩展名更改为.jsx。 在用户/工作区设置中添加文件关联：

---

是的，对不起，我弄错了。我发现需要切换右下角的语言

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