esLint如何检测哪个方法应该“放置”在另一方法之后？

Question

通常，esLint会抱怨一个方法应该放在另一个方法之后（我使用的是React，所以不确定是否会有所作为）。我只是想知道它在什么基础上建议特定的订购？

我所知道的是，生命周期方法应该首先出现（按其正确顺序），然​​后是自定义方法。但是esLint也会抱怨这些自定义方法的顺序，我不确定为什么吗？

Answer 1

根据eslint规则遵循的AirBnb react style guide，React.Component中的顺序或方法应为

  

  
1. 可选的静态方法
  
2. 构造函数
  
3. getChildContext
  
4. componentWillMount
  
5. componentDidMount
  
6. componentWillReceiveProps
  
7. shouldComponentUpdate
  
8. componentWillUpdate
  
9. componentDidUpdate
  
10. componentWillUnmount
  
11. clickHandler或诸如onClickSubmit（）或onChangeDescription（）之类的eventHandlers
  
12. 用于呈现的getter方法，例如getSelectReason（）或getFooterContent（）
  
13. 可选的渲染方法，例如renderNavigation（）或renderProfilePicture（）
  
14. 渲染