我在反应中使用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"
],
}