Автор оригинала: FreeCodeCamp Community Member.
Tiffany White.
Этот пост был изначально опубликован на моем Блог Отказ
это В реакции представляет собой ссылку на текущий компонент. Обычно это в реакции связан с его встроенным методам. Когда вы хотите обновить состояние или использовать обработчик событий в форме, вы можете сделать что-то подобное:
где Это .someinput это прохождение в зависимости от того, какой реактивный компонент вы рендерируете.
К сожалению, хотя реагировать не автоматически связывает это на пользовательские методы. Это означает, что если я хотел манипулировать домом, получая некоторое вхождение, которое вы не можете сделать, как вы можете с обычным JavaScript, я бы создал Ref делать все, что звонит Я хотел.
Но Потому что реагировать не автоматически связывает это следующий код выводится неопределенным при регистрации:
Чтобы избежать этого, мы могли бы использовать Конструктор Функция для визуализации компонента или получить состояние, которое мы хотим:
Хотя это приличный способ сделать REF на компонент, что если вы хотите связать несколько пользовательских методов в одном компоненте? Это будет довольно грязно …
Вы получаете идею.
Вместо этого мы можем связать это Для пользовательских методов реагирования, объявляя метод, присвоив его функцию стрелки:
что позволит нам связывать значение это к Сомпонент составная часть.
Надеюсь это поможет!
ES6 дал нам классы и конструкторы и конструкторы и реагируют сразу. Вы не всегда Нужен конструктор, и это помогает знать, когда использовать один и когда нет.
Пока ты здесь!
Я пишу ненавязчивые буквы время от времени. Они являются буквами DEV, которые немного более близки, чем обычные информационные бюллетени. Зарегистрируйтесь, если хотите. Не стоит беспокоиться.
Оригинал: “https://www.freecodecamp.org/news/how-to-bind-this-in-react-without-a-constructor-3a694f5d1b34/”