扩展名为'.tsx'eslint（react / jsx-filename-extension）的文件中不允许使用JSX

Question

在.tsx文件中，为什么eslint报告“扩展名为'.tsx'eslint（react / jsx-filename-extension）的文件中不允许JSX” 如何设置eslint config可以重新设置它

Answer 1

在eslint配置的“规则”部分下添加此规则：

addch(ACS_S1);
addch(ACS_LANTERN);
addch(ACS_S3);

Answer 2

您可能希望在.eslintrc.js中配置react/jsx-filename-extension规则，以便ESLint对TypeScript文件中的JSX感到满意：

rules:  {
  'react/jsx-filename-extension': [2, { 'extensions': ['.js', '.jsx', '.ts', '.tsx'] }],
},