VS代码中的ReactJS格式

ReactJS formatting in VS code

本问题已经有最佳答案，请猛点这里访问。

我在这里使用ReactJS教程

我使用> code .在VS Code 1.18版中打开了该项目。
在创建文件index.js之后，然后按如下所示添加代码：

1
2
3
4
5
6
7
8
9

class Square extends React.Component {
render() {
return (
<button className="square">
{/* TODO */}
</button>
);
}
}

当我按下Ctrl-S进行保存时，VS Code会执行以下操作：

1
2
3
4
5
6
7

class Square extends React.Component {
render() {
return (document.render() < button className ="square"> { /* TODO */ } <
/button>
);
}
}

注意：对<button>的更改。
所有代码都重新格式化。
我检查了VS代码的格式-这是错误的。
Intellisense工作正常。
我还使用"jsx":"react"在src文件夹中添加了jsconfig.json。
VS代码真的不可用还是我遗漏了什么？