禁用jsx中的eslint错误

Question

我在我的一个react-native组件中有以下JSX

        <TouchableOpacity onPress={this.onEnableNotifications} style={{marginHorizontal: 10}}>
          <Image source={require('../../img/ic_warning.png')} style={{tintColor: colorThemes.Blue.red}}/>
        </TouchableOpacity>

我收到以下ESLint错误:

'require' is not defined. (no-undef)

我尝试过添加行{ // eslint-disable-line no-undef },Image但这会产生解析错误.我怎样才能为这一行摆脱这个错误.

Answer 1

在您的.eslintrc文件上:

{
    "globals":{
        "require": true
    }
}

Answer 2

为了禁用带有 jsx 内注释的 eslint 警告，请使用

{ /* eslint-disable no-undef */ }
     <div>element causing warning </div>
{ /* eslint-enable no-undef */ }

单行注释不起作用：

{ /* eslint-disable-line no-undef */ }

另请参阅

https://github.com/eslint/eslint/issues/7030