当使用组件的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} />
),但无论如何我们都认为这是一种反模式。