javascript - JSX reactjsx-curly-spacing IntelliJ - Stack Overflow

admin管理员组

文章数量:1390499

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

Share Improve this question Follow edited Aug 9, 2017 at 21:32 Dave Newton 160k2727 gold badges260260 silver badges308308 bronze badges asked Aug 9, 2017 at 21:18 simPodsimPod 13.6k1818 gold badges9797 silver badges147147 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 10

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.

本文标签： javascriptJSX reactjsxcurlyspacing IntelliJStack Overflow