JSX react/jsx-curly-spacing IntelliJ

user_519333 0
Viewed 997

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.

spaces for objects etc checked

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

I have this

I have this

I want this

I want this

jsx intellij-idea javascript
2 Answers

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.

enter image description here

user_8062020
Related