在 React Typescript 中配置更漂亮的空格

Question

我使用 prettier 来格式化我的代码。如何根据反应代码中的花括号配置更漂亮以添加空格？

当前代码：

<AdminPanel
    theme={myTheme}
    dataProvider={dataProvider}
    authProvider={authProvider}
    history={history}
/>

预期结果：

<AdminPanel
    theme={ myTheme }
    dataProvider={ dataProvider }
    authProvider={ authProvider }
    history={ history }
/>

Answer 1

选项括号间距就是您正在寻找的：bracketSpacing: true。

括号间距选项仅为导入语句添加间距，它不会影响反应代码。 (7认同)
它在任何对象文字中添加间距。但是，是的，它不会影响反应道具。所以我认为这个选项不存在。你可以尝试使用 ESLint 自动修复来达到相同的效果，但我认为这也没有规则。 (5认同)