I'm using IDEA 2017.2. I need to setup JSX codestyle so there are spaces between curly braces like { event.series }. However, it autoformats it to {event.series}

I have these checked in Javascript -> Spaces.

Where can I set it up so it plies with ESLint's react/jsx-curly-spacing set to "always"?

I have this

I want this

I'm using IDEA 2017.2. I need to setup JSX codestyle so there are spaces between curly braces like { event.series }. However, it autoformats it to {event.series}

I have these checked in Javascript -> Spaces.

Where can I set it up so it plies with ESLint's react/jsx-curly-spacing set to "always"?

I have this

I want this

• javascript
• intellij-idea
• jsx

2 Answers 2

In 2017.2, it is Settings | Editor | Code Style | JavaScript | Spaces, Other/Within interpolation expressions:

This option affects JSX braces as well as Angular interpolations

For IntelliJ IDEA 2020, you need to go to File -> Settings -> Editor -> Code Style -> JavaScript and in Spaces tab find section called Within.

If you want to make the below statement look:

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

then check the Interpolation expressions checkmark.