web-dev-qa-db-ja.com

JSXでのインラインeslintコメント

エラーが発生しました(eslint): Line 199 exceeds maximum line length of 120. (max-len)

このインラインコメントが機能しないのはなぜですか？

{/* eslint-disable-next-line max-len */}
<Chip ref="code" style={styles.chip}backgroundColor={this.state.filterSelected['School Code'] && blue300}onTouchTap={this.handleTouchTap} >
            <Avatar size={32}>C</Avatar>
            School Code
</Chip>
javascripteslint
12
chefcurry7

Eslintを無効にしたいjsxの前に条件を使用している可能性がある場合は、これを行うことができます（コメント行のためだけに{}を必要としない）：

condition && (
    // eslint-disable-next-line
    <Component props={...props} />
      {...children}
    </Component>
  )
0
Fabian Merchan

ダニエルの答えはうまくいきますが、「jsx-one-expression-per-line」を壊します。

最新バージョンのeslint（6.5.1）は、問題のように複数行コメント方式をサポートしています。何も変更する必要はありません。

0
Vikas Kumar

他のすべての解決策（ クローズドイシュー の解決策を含む）を試しましたが、複数行の属性では機能しませんでした。

これは私のために働いた：

{// eslint-disable-next-line
}<a
  ...
 >
 </a>

例：

<div>
{// eslint-disable-next-line
}<a
  role="button"
  class="navbar-burger burger"
  aria-label="menu"
  aria-expanded="false"
  data-target="navbarBasicExample"
  >
    <span></span>
    <span></span>
    <span></span>
  </a>
<div>
0
Nicolas Hevia