I have an issue with WebStorm and React.
Within the render function I type my HTML (JSX) and when I type an attribute for an element, WebStorm will autocomplete it with curly braces instead of speech marks.
Anyone any ideas?
WebStorm provides code completion for React APIs and JSX in JavaScript code. Code completion works for React methods, React-specific attributes, HTML tags and component names, React events, component properties, and so on.
Webstorm is the best JS and Front-End IDE I've ever used. It's simple, easy to learn, and really helpful when working on larger projects. It's not really suited when you just want to make quick edits as it takes a while to load the files/project in.
We consider WebStorm to be the best-paid IDE on the market for React development, thanks to its many features, plugins, and good documentation.
You can control this behavior:
File | Settings | Editor | Code Style | HTML | Add for JSX attributes
The "Add for JSX attributes" setting is under the "Other" tab:
Yes, Attila's answer is correct. It's a bit confusing though. This screenshot will complement Attila's answer.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With