Javascript React return语句变为单行

假设我使用的是Visual Studio代码，我有一个简单的功能组件（使用rfce代码片段创建），它是这样的：

import React from 'react'

function Sidebar() {
    return (
        <div>
            
        </div>
    )
}

export default Sidebar

import React from 'react';

function Sidebar() {
    return <div></div>;
}

export default Sidebar;

从“React”导入React
函数边栏（）{
返回(
)
}
导出默认边栏

当我保存代码时（我在prettier上启用了保存格式），它会变成一个单行返回语句，如下所示：

import React from 'react'

function Sidebar() {
    return (
        <div>
            
        </div>
    )
}

export default Sidebar

import React from 'react';

function Sidebar() {
    return <div></div>;
}

export default Sidebar;

从“React”导入React；
函数边栏（）{
返回；
}
导出默认边栏；

这很烦人，有人知道如何关闭它吗？

Prettier没有这个功能，而且

如果一个表达式只适合一行，那么prettier将把它放在一行

---

如果你想要Prettier的格式，那么你必须接受它关于什么是好的意见。

抱歉。我认为在保存时说rfce代码片段和格式就足够了。我的错，我只是用这些信息编辑了这个问题。不要介意反对票。在这里读一读