ESLint规则

Webstorm配置
安装
npm install eslint --save-dev
npm install eslint-plugin-import -g
npm install eslint-plugin-react -g
npm install babel-eslint -g

配置
    WebStorm >>>> preference >>>> plugins中下载eslint插件
    File >>>> defaultSetting >>>> ESLint中配置   

使用
全局检查代码
npx eslint .
全局修复
npx eslint --fix .

错误整理
Must use destructuring props assignment (react/destructuring-assignment)
错误
this.props. onItemClick(this.props.item)
正确
const { item } = this.props;
const { onItemClick } = this.props;
onItemClick(item)

Declare only one React Component per file   
一个文件只能存在一个component
    
Component should be written as a pure function
没有任何操作的view，使用function形式声明component
    错误
        class ItemView extends React.Component{
        
        }
    正确
        itemImg, itemName, itemValue为props中的参