Как использовать this.state внутри экспортированной функции в ReactJS

Question

Я пытаюсь использовать this.state из экспортируемой функции внутри компонента App. Метод связывания не работает. Есть идеи?

Я пытался:

внутри error-handler.js

    export function errorHandler() {
    console.log(this.state);
}

внутри приложения.js

   ...

   import { errorHandler } from '../../helpers/error-handler';

   class App extends React.Component {
   constructor(props) {
       super(props);
       this.errorHandler = errorHandler.bind(this);
   }

   ...

Результат при попытке запуска errorHandler () внутри App.js:

"Cannot read property 'bind' of undefined"

Спасибо за помощь.

Answer 1

errorHandler - это просто экспортируемая функция. Таким образом, вы должны связать метод, как показано ниже.

constructor(props) {
    super(props);
    this.errorHandler = errorHandler.bind(this); // bind event
}
...
...

<input 
 {...props}
 onClick={e => this.errorHandler()} // call method
/>

Answer 2

this.errorHandler = errorHandler.bind(this);

, поскольку вы только что экспортировали функцию, она еще не является частью вашего класса