VSCode jsx表达式格式

问题描述

嗨，我现有的代码中有一种格式，我想将其更改为另一种格式，但不知道该怎么做？如果有任何附庸或更漂亮的规则，请提出以下建议： 当前格式为：

                    {this.state.creatingNew && (
                        <Button color="primary" variant="contained" type="submit">
                            Poslať
                        </Button>
                    )}
                    <Button size="large" color="secondary" variant="contained" onClick={() => this.cancelEditing()}>
                        Zrušiť
                    </Button>

我想要的格式是：

{this.state.creatingNew && <Button color="primary" type="submit" style={{ width: '140px',marginRight: '10px' }}>Poslať</Button>}
<Button color="danger" type="button" onClick={() => this.cancelEditing()} style={{ width: '140px',marginRight: '10px' }}>Zrušiť</Button>

这是我的.prettierrc.json：

{
    "tabWidth": 4,"useTabs": false,"semi": true,"bracketSpacing": true,"jsxBracketSameLine": true,"singleQuote": true,"printWidth": 140,"trailingComma": "all","arrowParens": "avoid","proseWrap": "never"
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）