JSXの自動折り返しは常に

Question

これは私の頭の中です！次の行動の原因を突き止め、空白を続けていくために2時間を費やしました。

私はVSCodeに移行しています。私のReact JSXコンポーネントは複数行に自動折り返しています。コンポーネントが複数の属性を持っていても、いくつかのファイルを極端に長くして読めない場合は、これは問題ありません。

ケースインポイント - 反応ルータルートが定義されているファイル。それらはすべて小さく、理想的には、1行に1つずつ付けると、各経路を7行ごとに定義するのではなく、アプリの経路を読みやすくします。 VSコード自動にファイルをフォーマットするものの

例：

<Authenticated 
    path="/new" 
    component={NewCorrespondence} 
    {...this.props} 
/> 
<Authenticated 
    path="/inbox" 
    component={Inbox} 
    {...this.props} 
/> 
<Authenticated 
    path="/sent" 
    component={Sent} 
    {...this.props} 
/> 

は、それが

<Authenticated path="/new" component={NewCorrespondence} {...this.props} /> 
<Authenticated path="/inbox" component={Inbox} {...this.props} /> 
<Authenticated path="/sent" component={Sent} {...this.props} /> 

のようになります。これは何を扱うVSCode内の設定は何ですか？これらの行をx文字より長い場合にだけラップするように設定する方法はありますか？

Answer 1

わかりましたので、私自身の質問に答えてください。それはもっときれいなパッケージのprintWidth設定でした。 prettierrc設定ファイルは無視されていましたが、VSCodeから直接この幅を設定するとこれが修正されました。

ここで問題は私が設定ファイルを設定する方法です（別の問題です！）。