Как обратится к переменной внутри функции реакта из консоли DevTools?

Question

[Степан]

Есть сайт на реакте,в коде которого есть примерно следующее:

class App extends React.Component {
...
  clearText(){
  var v = 1
  }
}

Как мне из консоли изменить переменную v внутри функции clearText?Или как через консоль вызвать эту функцию?

Answer 1

[Rsa97]

Установите себе в браузере расширение React Developer Tools

Comments

[Степан]

Я не много не понимаю,где там можно сделать то,что я описал выше?Компоненты просматривать можно,а остальное нет

[Rsa97]

Степан, Сорри, не обратил внимания, что вы пытаетесь простую переменную изменить, а не свойство компонента. Так не получится, переменная v существует только во время работы функции ClearText().

[Степан]

Rsa97, а как мне можно вызвать эту функцию из консоли?

[Vladimir Lewandowski]

Что-то типа window.clearText = this.clearText.bind(this) в конструкторе класса. Но это сильно плохой подход.

[Rsa97]

Степан, Посмотреть, на какое событие вызывается функция и сгенерировать это событие