JSX react / jsx-curly-spacing IntelliJ

Question

我正在使用IDEA 2017.2。我需要设置JSX代码样式，因此像{ event.series }这样的花括号之间有空格。但是，它会将其自动格式化为{event.series}

我在Javascript中检查了这些 - ＆gt;空格。

我可以在哪里进行设置，使其符合设置为react/jsx-curly-spacing的ESLint "always"？

我有这个

我想要这个

Answer 1

在 2017.2 中，它是Settings | Editor | Code Style | JavaScript | Spaces，Other/Within interpolation expressions：

此选项会影响JSX大括号以及角度插值

Answer 2

对于 IntelliJ IDEA 2020 ，您需要转到File -> Settings -> Editor -> Code Style -> JavaScript，然后在Spaces标签中找到名为Within的部分。

如果要使下面的语句看起来像：

<div>Hello, ${ to } from ${ from.join( ',' ) }</div>

然后选中Interpolation expressions复选标记。