我最近研究了使用 Prettier 来帮助维护一致的代码结构。我发现了 Prettier VSCode 插件,并且看到它还有一个使用 Prettier-eslint 的选项。总体来说,它很棒,但是有一件事情让我非常恼火。
假设我在 React 组件的 `render` 函数中有以下代码:
这正是我想要的代码格式,但 Prettier 会将其转换为以下格式:
假设我在 React 组件的 `render` 函数中有以下代码:
return (
<button
onClick={
(e) => {console.log('Hello, world!');}
}
>
Click Me
</button>
);
这正是我想要的代码格式,但 Prettier 会将其转换为以下格式:
return (
<button
onClick={(e) => {
console.log('Hello, world!');
}}
>
Click Me
</button>
);
所以,它是在左括号后和右括号前删除换行符。
是否有关闭此功能的选项或者我可以获取某种插件来实现此功能(适用于Prettier和/或Eslint)?我搜索了一下,但没有找到完全涵盖这个问题的内容。
谢谢!
(e) => console.log('Hello, world!');
,这种情况也会发生吗? - Bary12return <button onClick={(e) => console.log('Hello, world!')}>Click Me</button>;
- FizzyGalacticus