Reactjs 如何防止VisualStudio代码在我的JSX中换行？

我正在尝试设置我的VisualStudio代码，以便在React中编写代码时清理或美化我的JSX/JS

我安装了几个漂亮的格式化插件。当我“格式化文档”时，我的代码看起来很糟糕。

像这样的好东西：

  <Map
    style={{
      height: "100%",
      width: "100%",
      margin: "0 auto"
    }}
    center={position}
    zoom={10}>

变成这样的垃圾

return ( <
            Map style = {
                {
                    height: "100%",
                    width: "100%",
                    margin: "0 auto"
                }
            }
            center = {
                position
            }
            zoom = {
                10
            } >
            <

返回（<
地图样式={
{
高度：“100%”，
宽度：“100%”，
边距：“0自动”
}
}
中心={
位置
}
缩放={
10
} >
<

我搜索了很多设置文件…是什么控制了这一点？我打开了

Prettier:Jsx Bracket Same Line

为真。我将字符宽度设置为宽。我关闭了任何换行操作。我真的不知道为什么它会使我的Jsx看起来非常不可读。当我将相同的代码放入其中时，它看起来很好。

---

什么设置将我的代码放在单独的行上？

这可以通过在Visual Studio代码编辑器中将选择语言模式从JavaScript更改为JavaScript React来解决，可能重复此设置，请参阅该链接了解一些信息tips@DvidSilva这就解决了。我是结束这个问题还是回答它？哟您可以关闭它的问题，或将其标记为已回答，或添加编辑/注释可能的副本