React返回语句变成单行

Question

假设我在Visual Studio Code中工作我有一个简单的功能组件(用rface创建)代码片段)，就像这样:

import React from 'react'
function Sidebar() {
return (
<div>

</div>
)
}
export default Sidebar

当我保存代码时(我在上启用了保存格式)，它会变成一行返回语句，如下所示:

import React from 'react';
function Sidebar() {
return <div></div>;
}
export default Sidebar;

很烦人，有人知道怎么关掉它吗?

Answer 1

Prettier没有这个选项，也不会有。

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

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