[eslint] 遇到的一些问题及解决方法

如觉得不对，请见谅，本文谨记录本人项目过程中遇到的[eslint] 问题及一些处理方式。

一、[eslint] Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.

如下：

 delBgImage =(id)=>{
        const url = `${chatBgChangeUrl}?chat_bg_id=${id}`;
        fetch(url,{
            method: 'DELETE',
            headers:{
                'Authorization': Token
            },
        }).then(res =>{
            return res.json();
        }).then((data)=>{
                if(parseInt(data.errorcode,10) === 0){
                    this.loadListData();
                    this.upSuccess();
                }else {
                    this.delError();
                }
            }
        )
    }

解决：

putBgImage =async(id)=>{
        try{
            const url = `${chatBgChangeUrl}?chat_bg_status=1&chat_bg_id=${id}`;
            fetch(url,{
                method: 'PUT',
                headers:{
                    'Authorization': Token
                },
            }).then(res =>(
                 res.json()
            )).then((data)=>{
                debugger;
                if(parseInt(data.errorcode,10) === 0){
                    this.loadListData();
                    this.upSuccess();
                }else {
                    this.putError();
                }
            })
        }catch(err){
            this.putError();
        }
    }

 

二、[eslint] img elements must have an alt prop, either with meaningful text, or an empty string for decorative images. [jsx-a11y/alt-text]

如下：

<img src={this.state.imgUrl} />

解决：

<img src={this.state.imgUrl} alt="" />

三、[eslint] Unexpected string concatenation.

const url =hallGbsChangeUrl+'?bg_id='+id;

解决：

const url = `${hallGbsChangeUrl}?bg_id=${id}`;

 hallGbsChangeUrl、id为变量

四、[eslint] Parsing error: await is a reserved word

loadListData =  () => {
    const response = await fetch(hallVideoRequestUrl,{
       method:'GET',
       headers:{
           'Authorization':Token
       }
    });
  ....
        
};

解决：

loadListData = async () => {
    const response = await fetch(hallVideoRequestUrl,{
        method:'GET',
        headers:{
           'Authorization':Token
        }
    });
    ....
};

附：less 使用

1、引用文件：@import '~antd/lib/style/themes/default.less';

2、引用图片：@bgRaceHorse: '../../assets/icon-gameEnd.png';

.container{
      margin: 0 auto;
      height: 100%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url('@{bgRaceHorse}');
}