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

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

当前代码:

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

预期结果:

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

最佳答案

选项 支架间距是您要找的:bracketSpacing: true .

https://prettier.io/docs/en/options.html#bracket-spacing

关于reactjs - 在 React Typescript 中配置更漂亮的空格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59182936/