Disabling automatic curly brackets after = in React


I'm writing a React app in WebStorm, and am a novice at the topic. I've noticed that when typing = after certain declaration curly brackets instantly come up, when most of the time the parameter would require quotes around it. Below is a GIF that probably explains what I mean better:


i was wondering if there was a way to either change this feature to print quotes instead of curly brackets, or to turn it off completely?


Thanks in advance!

Comment actions Permalink

You can set Add for JSX attributes: to None in Settings | Editor | Code Style | HTML | Other to disable them, or to Based on type to have either braces or quotes auto-completed depending on props type

Comment actions Permalink

That worked perfectly! Thank you!

Comment actions Permalink

Thank you very much!


Please sign in to leave a comment.