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

Posted 2023-02-22

【中文标题】WebStorm、React 和 JSX 花括号自动完成

【英文标题】：WebStorm, React & JSX curly braces autocomplete

【发布时间】：2018-04-29 00:28:38

【问题描述】：

我对 WebStorm 和 React 有疑问。

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

有人有什么想法吗？

【问题讨论】：

Webstorm 不会知道你是否需要动态道具，所以它假设你会。

那是回复。他们文档中的 Webstorms 示例表明这应该可以工作：d3nmt5vlzunoa1.cloudfront.net/webstorm/files/2015/10/…

IDE 版本？ ***.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 的答案。