VS Kodu - Biçimlendirme sırasında etiket sonu ve etiket açılışı nasıl hizalanır? (JSX)

Question

Bu, VS Kodu için varsayılan davranış olup olmadığını bilmiyorum, (varsayılanın üzerine birçok özel yapılandırma var)

Ancak kodu biçimlendirdiğimde, bu kodu dönüştürür: içine

const simpleInput = (
    <Input 
     {...input} 
     {...others} 
     state={state} 
    /> 
); 

:

const simpleInput = (
    <Input 
     {...input} 
     {...others} 
     state={state} 
     /> <- Here is the difference 
); 

Ve es-tiftik o hizaya yüzden [eslint] The closing bracket must be aligned with the line containing the opening tag (expected column 5) (react/jsx-closing-bracket-location)

Nasıl çimdik hakkında bir uyarı atmak etiketi ile düzgün bir şekilde başlıyor mu?

Dosya, bir .js dosyasında JSX kullanıyorsa, accordingly kod numarasını yapılandırdım.

Answer 1

VSCode, otomatik biçimlendirme için https://github.com/Microsoft/TypeScript'u kullanır. https://github.com/Microsoft/TypeScript/issues/8663

değişiklikler VSCode Kararlı sürüme yansıyan olmamıştır henüz ama VSCode İçerdekiler güncel sürümü (https://code.visualstudio.com/insiders) o etiketiyle: Orada aynı problemleri için typescript repo Yeni kapanan bir konudur

- kapanış dirseğini atar.

indirip kararlı sürüme yapana kadar sahne hizalanmış parantez kullanmak için eslint kuralını VSCode İçerdekiler kullanabilir veya değiştirebilirsiniz:

"react/jsx-closing-bracket-location": [ "warning", "props-aligned" ],