使用React.StatelessComponent和React.FunctionalComponent进行ESLint限制
使用React.StatelessComponent和React.FunctionalComponent进行ESLint限制
提问于 2020-06-15 18:01:30
是否有这样一条规则:在中，我可以禁止使用React.StatelessComponent或React.FunctionalComponent以仅使用React.FC
例如：
export const ComponentOne: React.StatelessComponent<Props> = (props) => { return <....> };
export const ComponentTwo: React.FunctionalComponent<Props> = (props) => { return <....> };应由ESLint强制执行，以编写为
export const ComponentOne: React.FC<Props> = (props) => { return <....> };
export const ComponentTwo: React.FC<Props> = (props) => { return <....> };我认为可以通过no-restricted-syntax规则来实现，但无法从文档中找出答案。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-06-15 22:08:13
Ok终于能够弄清楚了，可以使用规则@typescript-eslint/ban-types来实现这个
"@typescript-eslint/ban-types": ["error",
{
"types": {
"React.StatelessComponent": { "message": "Please use React.FC instead.", "fixWith": "React.FC" },
"React.FunctionalComponent": { "message": "Please use React.FC instead.", "fixWith": "React.FC" },
}
}
]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62385811
复制相关文章
相似问题
腾讯云开发者
