Как работать с множеством функций, связанных только с одним компонентом в React? - PullRequest
0 голосов
/ 02 марта 2019

У меня есть компонент React, который называется, например, MyComponent , в котором есть 20-30 функций, связанных с этим конкретным компонентом.Я хочу переместить эти функции в некоторые вспомогательные файлы, потому что это много кода в одном файле.В функциях есть некоторые обращения к 'this', такие как 'this.props' , 'this.state' или this.otherFunctionInThisComponent '.Как с этим справиться, если я перенесу это в файл, которого не будет в этом компоненте?Я думал о некоторых решениях.

  • Перемещение функций в вспомогательные файлы и вызов функций в MyComponent с использованием метода apply (someFunction.apply (this, someData). Это хороший подход??
  • Создать компонент старшего разряда (или несколько), например, FirstHOC , в котором будет 5 функций, SecondHOC , в котором будет 7 функций и т. Д., И подключитеих.
  • Переместите функции в вспомогательные файлы и измените код в них (уберите это обращение), вместо этого передав объект с необходимыми данными.
  • Другое?
...