如何检测组件中生命周期方法名称的拼写错误？

Question

有时，我的同事拼错了react组件生命周期方法名。就像这样：

...
componentWillReceveProps() {} //misspell
...

但是，react也不会抛出一个错误，webpack。

那么，有一个tool来解决我的问题吗？谢谢。

Answer 1

您可以使用打字稿界面来强制使用正确的方法名。下面是一些关于使用类型记录和反应的教程：

https://www.typescriptlang.org/docs/handbook/react-&-webpack.html http://blog.wolksoftware.com/working-with-react-and-typescript

我没有这种组合的经验，但它可能对你有帮助。当然，您的组件必须实现正确的接口，您的同事可能仍然会忘记这样做。