VSコード - 書式設定時にタグの終了とタグの開きを調整する方法は？ （JSX）

Question

これがVSコードのデフォルトの動作であるかどうかわかりません（デフォルトの上にカスタム設定がたくさんあります）

しかし、コードをフォーマットすると、

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

そして、私のES-lintはそれそれが並ぶので、私はそれを微調整することができますどのように[eslint] The closing bracket must be aligned with the line containing the opening tag (expected column 5) (react/jsx-closing-bracket-location)

に関する警告を投げる：中へ

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

タグの開始と正しく？

ファイルが.jsファイル内でJSXを使用しているよりも、VSコードaccordinglyを設定しました。

Answer 1

VSCodeは、自動フォーマット用にhttps://github.com/Microsoft/TypeScriptを使用します。 https://github.com/Microsoft/TypeScript/issues/8663

変更はVSCode安定したバージョンに反映されていない、まだ、しかしVSCodeインサイダーの現在のバージョン（https://code.visualstudio.com/insiders）それタグと：そこが持っている同じ問題の活字体のレポで最近閉じ問題がある

-を閉じ括弧に合わせます。

あなたがダウンロードし、それが安定版リリースにするまで小道具揃えブラケットを使用するようにeslintルールをVSCodeインサイダーを使用するか、変更することができます。

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