WebStorm - JSX 格式化，自定义组件前换行答案

【问题标题】：WebStorm - JSX formatting, break line before custom componentsWebStorm - JSX 格式化，自定义组件前换行
【发布时间】：2020-02-15 14:02:10
【问题描述】：

考虑以下几点：

<MuiThemeProvider
            muiTheme={getMuiTheme(darkBaseTheme)}><Button>Stuff!</Button><MyComponent><AnotherComponent>Content</AnotherComponent>
</MuiThemeProvider>);

无论出于何种原因，定义的所有组件都被视为内联，这意味着 WebStorm 的格式默认不会换行和缩进。

请告诉我如何让 WebStorm 插入换行符并正确缩进所有自定义 JSX 组件。

【问题讨论】：

标签： webstorm jsx

【解决方案1】：

您可以手动添加换行符，并确保在文本中保留换行符已在设置 |编辑 |代码风格 | HTML，其他。

请检查/投票给WEB-37966

【讨论】：