Rules

no-string-style

JSX の style には文字列ではなくオブジェクトを使います。

目的と動作

JSX の style には文字列ではなくオブジェクトを使います。

文字列の JSX style 属性を報告します。オブジェクト式は許可します。CSS プロパティの妥当性ではなく構文を検査します。

オプション

設定可能なオプションはありません。"rules/no-string-style": "error" で有効化します。

違反例

const el = <div style='color: red' />

許可例

const el = <div style={{ color: 'red' }} />

修正と例外

診断のみを提供し、自動修正しません。意図を推測せず明示的に書き換えてください。

必要な境界例外には oxlint-disable-next-line rules/no-string-style -- 理由 を使います。例はこのルール単体の構文を示し、import や宣言を省略する場合があります。

ソースとテスト

TypeScript プリセットで有効です。

no-string-style.ts · Tests