WebStorm代码检查以检测何时将未知道具传递给React组件

时间:2018-12-04 19:20:09

标签: reactjs webstorm react-proptypes code-inspection

当使用组件的propTypes中未定义的prop调用组件时,我的团队真的希望在WebStorm中突出显示语法。

class MyComponent extends Component {
    static propTypes = {foo: PropType.string};
    ...
}

...

<MyComponent
    bar={...} // this line would be marked as a warning/error
    foo={"some string"}
/>

是否可以创建自定义代码检查来执行此操作?我们将如何处理?

WebStorm已经提供了道具名称的完成,并警告是否未传递必需的道具,因此似乎所有必要信息都已存在。 (请参见React - Help | WebStorm的“完成组件属性”部分。)


附带说明:显然,这不会捕获动态传递的道具(例如<MyComponent {...someObject} />),但无论如何我们都认为这是一种反模式。

0 个答案:

没有答案