React return 语句变成单行答案

【问题标题】：React return statement turns into single lineReact return 语句变成单行
【发布时间】：2021-02-25 13:32:47
【问题描述】：

假设我在 Visual Studio Code 中工作，并且我有一个简单的功能组件（使用 rfce sn-p 创建），它是这样的：

import React from 'react'

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

export default Sidebar

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

import React from 'react';

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

export default Sidebar;

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

【问题讨论】：

【解决方案1】：

Prettier 没有 an option 和 it won't get one。

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

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

【讨论】：