VSCode jsx表达式格式

如何解决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"
}

解决方法

更漂亮是天生的观点，因此，如果您无法通过更改它的少数options来对其进行调整，那么您必须同意其风格或寻找替代方案。