Как esLint определяет, какой метод должен быть помещен после другого метода?

Question

Часто esLint будет жаловаться на то, что метод следует размещать после другого метода (я использую React, поэтому я не уверен, что он имеет значение). Мне просто интересно, на каком основании он рекомендует конкретный заказ?

Все, что я знаю, это то, что методы жизненного цикла должны идти первыми (в правильном порядке), а затем под ними - пользовательские методы. Но esLint также будет жаловаться на порядок этих пользовательских методов, и я не уверен, почему?

Answer 1

Согласно AirBnb react style guide, что и соответствует правилам eslint, порядок или метод в React.Component должен быть

1. необязательные статические методы
2. Конструктор
3. getChildContext
4. componentWillMount
5. componentDidMount
6. componentWillReceiveProps
7. shouldComponentUpdate
8. componentWillUpdate
9. componentDidUpdate
10. componentWillUnmount
11. clickHandlers или eventHandlers, такие как onClickSubmit () или onChangeDescription ()
12. методы получения для рендеринга, такие как getSelectReason () или getFooterContent ()
13. дополнительные методы рендеринга, такие как renderNavigation () или renderProfilePicture ()
14. 1034 * делает *