Visual studio code 无法在vscode中缩进React.js文件

我已经使用vscode一年了。我安装了prettier，并在保存时设置了自动格式。这是我在编写React文件时第一次遇到缩进问题。我试图重新设置自动格式设置并搜索解决方案，但没有成功。这很令人沮丧

在我按ctrl+s键保存后，缩进都搞砸了。即使我使用Shift+Alt+F，它的格式也不正确。

---

我只在React.js文件中遇到了这样的问题。这对html和css文件都有好处。如果有人能帮忙，一定要感谢。谢谢。

它是否将语法检测为vanilla js而不是jsx？谢谢Tyler的提醒。我搜索了将文件重命名为.jsx的解决方案。但这并不能解决问题。有人能帮忙吗？