Объявление функции в React Components имеет значение?

Question

Вот мой вопрос: в чем разница между этими двумя объявлениями:

В чем смысл, если я объявлю его поверх моего компонента и что если внутри него?

Заранее спасибо.

Answer 1

Функции, которые создаются внутри class компонентов, обычно называются методами.

Если ваша функция не зависит от свойств экземпляра класса state или props и не зависит от компонента, вы можете определить эту функцию вне класса.

Но если вашей функции требуется доступ к состоянию класса, prop или любым другим методам класса, вам нужно определить его в компоненте класса, чтобы вы могли использовать this.state или this.props.

Итак, правило большого пальца заключается в том, что если вам нужен какой-либо доступ к экземпляру компонента класса, например this внутри вашей функции, вам необходимо определить функцию внутри компонента.