Eslint不会因错误的道具在反应中抛出错误

时间:2020-05-03 12:25:07

标签: javascript reactjs eslint

我在反应中使用eslint

我有组件:

interface IWrapperProps {
  type: string; 
}

const Wrapper: React.FC<IWrapperProps> = (props: IWrapperProps) => {
  const { type} = props;

我正在用以下命令调用我的组件

< Wrapper type='test' />
....

问题是当我尝试使用错误的道具打电话时

< Wrapper type={1} /> // wrong props , type is string
....

我通过以下方式运行eslitn: eslint . --ext .ts --ext .tsx

Eslint不会因错误的道具而引发错误 type ..我应该在配置文件中放入什么?

.eslintrc:

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "plugins": [
    "react",
    "@typescript-eslint"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended"
  ],
}

0 个答案:

没有答案