JSX not allowed in files with extension ‘ .js‘ with eslint-config-airbnb

两种方案:

1.可以将文件扩展名更改为.jsx

2.也可以禁用jsx-filename-extension规则。您可以在配置中添加以下内容，以允许JSX扩展.js。

这里我们介绍第二种方案. 

在eslint.js加入下列规则

"rules": {
  "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
}

来源: javascript - JSX not allowed in files with extension ' .js' with eslint-config-airbnb - Stack Overflow