eslint react xxx is assigned a value but never used 的解决办法

ESLint中文翻译

• ESLint

问题重现(定义了变量并使用了，但是eslint还是报定义过了但是未使用的错误)

import React from 'react';
import ReactDOM from 'react-dom';

let Form = React.createClass({
    render: () => { < div className = "form" > < div className = "form-title" > Simple Login Form < /div>
              
Name:  < /div>
              
Password:  < /div>
        
;
    }
});

ReactDOM.render(
,document.getElementById('loginForm'));

然后atom 的eslint报了no-unused-vars 'Form' is assigned a value but never used.at line 4 col 5的错误。

比较麻烦的解决办法--每一行报错的地方都加一行注释

在声明变量的当前行加上一条注释 // eslint-disable-line no-unused-vars

即是：

import React from 'react';
import ReactDOM from 'react-dom';

let Form = React.createClass({ // eslint-disable-line no-unused-vars
    render: () => { < div className = "form" > < div className = "form-title" > Simple Login Form < /div>
              
Name:  < /div>
              
Password:  < /div>
        
;
    }
});

ReactDOM.render(,document.getElementById('loginForm'));

比较暴力的解决方法--直接禁用变量声明但未使用的提示,但是也比较省心，不用加一堆注释

设置.eslint.json(或者是yaml等)的"no-unused-vars"规则为禁用(0为禁用)。具体可以看这里

{
  "rules":{
    "no-unused-vars":0
  }
}