React，如何檢測組件中生命週期方法名稱的拼寫錯誤？

Question

有時，我的同事拼錯react組件的生命週期方法的名稱。像這樣：

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

但是，react不會引發錯誤，要麼webpack。

是這樣，有一個tool來解決我的問題？謝謝。

Answer 1

你可以使用一個typescript interface執行正確的方法名。這裏有一些教程與打字稿工作並作出反應：

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

我沒有與這個組合的經驗，但它可能會幫助你。當然你的組件必須實現正確的界面，你的同事可能會忘記這麼做。