Beautify 讓 JSX 變得丑陋，請看下面的場景。 我嘗試了上一個問題的解決方案，但沒有成功

Question

VSCode 中的美化擴展給出了下面的 output。 請在下面找到代碼。

<div className="container">
            <span className="text-muted">
                 An amazing place to buy medicines.
            </span>
        </div>

當我嘗試美化上述代碼時，我得到以下 output。

    < div className = "container" >
        <
        span className = "text-muted" >
        An amazing place to buy medicines. <
        /span> <
        /div>

請提出解決方案？ 我們正在尋求在我們的項目中實施標准編碼實踐似乎在這里遇到了障礙。

Answer 1

你試過這個嗎？ : https://stackoverflow.com/a/61740593/260229

"files.associations": {
    "*.jsx": "javascriptreact"
}