Комментарий Inline eslint в JSX

Я получаю сообщение об ошибке (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>

Ответ 1

eslint-disable-line и eslint-disable-next-line находятся только в строковых комментариях.

В настоящее время для этого есть открытая проблема в eslint

Итак, вам нужно написать его как следующее:

{
  // 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>

Ответ 2

Ответ даниэля работает отлично, но он ломает "jsx-one-expression-per-line".

Последняя версия eslint (6.5.1) поддерживает метод многострочного комментария, как показано в вопросе. Там не нужно ничего менять.