我正在嘗試執行一個規則來禁止這樣的事情：
const submit = (event: React.MouseEvent) => {};
而是這樣做：
const submit: React.MouseEventHandler = (event) => {};
我嘗試過這樣的事情：
"no-restricted-imports": ["error", {
"paths": [{
"name": "react",
"importNames": ["MouseEvent"],
"message": "Please use MouseEventHandler."
}]
}]
但它只有在我這樣做時才有效：
import { MouseEvent } from 'react';
如果人們這樣使用它：React.MousEventESLint 不會出錯。有任何想法嗎？
uj5u.com熱心網友回復：
您可以使用名為 typescript -eslint/ban-types 的ESLint 規則
您可以將其添加到您的.eslintrc.js檔案中
"@typescript-eslint/ban-types": ["error",
{
"types": {
"React.MouseEvent": { "message": "Please avoid using React.MouseEvent" }
},
"extendDefaults": true
}
],
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/433064.html