ESLint を使用して、別個の型定義を使用するのではなく、構造化オブジェクトを強制的にインラインで型指定する方法はありますか?

Question

個別の型定義を作成するのではなく、常にオブジェクトの構造化をインラインで型指定するように強制したいと考えています。たとえば、React コンポーネントの場合、すべてのコードで次のパターンを使用するように強制したいとします:

const SomeComponent = ({ foo, bar }: { foo: 文字列, bar: ブール値 }) => {
  戻る...
}

＃＃＃の代わりに：＃＃＃

type Props = { foo: 文字列、バー: ブール値、 }; const SomeComponent = ({ foo, bar }: Props} => { 戻る... }

ESLint ルールを確認しましたが、同様のものは見つかりませんでした。何か提案はありますか?

P粉530519234 · Answer

私の知る限り、現在、このモードを強制する既存の lint ルールはありません。

#no-restricted-syntax (Example) を使用して lint ルールを強制できますが、投稿のコメントが示唆するように、これは良いアイデアではありません。

リアクティブ関数コンポーネントは単なる関数であるため、「リアクティブ関数コンポーネント」のみに一致するセレクターを作成することはできません。したがって、(私の例が示すように) この単純なアプローチでは、コードベースに多くのノイズと誤検知が発生します。これはチームにノイズをもたらすため、良くありません。