WebStorm、React 和 JSX 花括号自动完成答案

【问题标题】：WebStorm, React & JSX curly braces autocompleteWebStorm、React 和 JSX 花括号自动完成
【发布时间】：2018-04-29 00:28:38
【问题描述】：

我对 WebStorm 和 React 有疑问。

在渲染函数中，我输入我的 HTML (JSX)，当我输入一个元素的属性时，WebStorm 将使用花括号而不是语音标记自动完成它。

有人有什么想法吗？

【问题讨论】：

Webstorm 不会知道你是否需要动态道具，所以它假设你会。
那是回复。他们文档中的 Webstorms 示例表明这应该可以工作：d3nmt5vlzunoa1.cloudfront.net/webstorm/files/2015/10/…
IDE 版本？ stackoverflow.com/a/46949738/783119 -- 或许可以尝试 2017.3 EAP 构建。
2017.2.5.不错的发现，我试试看！谢谢

【解决方案1】：

您可以控制这种行为：

File | Settings | Editor | Code Style | HTML | Add for JSX attributes

“为 JSX 属性添加”设置位于“其他”选项卡下：

【讨论】：

能否详细说明要添加的内容？
如果您想要“语音标记”，则将其设置为“引号”，或者如果您希望它尝试智能并在属性为此类类型时显示引号，您可以将其设置为“基于类型”。默认情况下，它设置为“大括号”。
谢谢阿提拉！我很难找到 HTML 中“其他”选项卡下的“为 JSX 属性添加”选项。

【解决方案2】：

是的，阿提拉的回答是正确的。不过这有点令人困惑。此屏幕截图将补充 Attila 的答案。

【讨论】：