如何在dprint单引号默认设置下保留React元素内的双引号？

完全可以实现这个需求，你只需要在dprint的TypeScript配置中添加jsx子配置，单独指定JSX属性的引号风格即可。

修改后的配置如下：

"typescript": {
    "quoteStyle": "preferSingle",
    "lineWidth": 120,
    "semiColons": "asi",
    "jsx": {
        "quoteStyle": "preferDouble"
    }
}

配置说明 #

• quoteStyle: "preferSingle"：让普通字符串默认使用单引号（除非字符串本身包含单引号才会自动切换双引号）
• jsx.quoteStyle: "preferDouble"：单独指定JSX元素的属性值默认使用双引号

配置生效后，你的代码会按预期格式化：

const randomString = 'hello i am a random string'  // 普通字符串使用单引号

(<Text fontSize="lg">some text</Text>) // JSX属性值使用双引号

内容的提问来源于stack exchange，提问作者The Blind Hawk