Inline eslint comment trong JSX

Question

Tôi gặp lỗi (eslint): Line 199 exceeds maximum line length of 120. (max-len)

Tại sao bình luận nội tuyến này không hoạt động?

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

Answer 1

eslint-disable-line và eslint-disable-next-line chỉ là ý kiến ​​nội tuyến.

Hiện nay là một vấn đề mở cho điều này trong eslint

Vì vậy, bạn sẽ phải viết nó như sau:

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