Это руководство предназначено для разработчиков, которые уже знают реагирование или начинающие, обучение React, связывание в React используется для прохождения обратного вызова, не беспокоясь о том, что он потеряет свой контекст. Есть 3 способа связать в React, которые перечислены ниже *) Этот метод является обычным методом, в котором мы добавляем наш метод связывания внутри конструктора
class counter extends React.Component {
constructor () {
super()
this.state = {
count: 0
}
this.incre = this.incre.bind(this)
}
incre() {
this.setState({count: this.state.count +1})
}
}
*) Добавление вашей функции внутри конструктора, нормальный способ привязки добавляет. Data.Bind (this)///, но в этом типе мы добавляем функцию внутри конструктора, а не метода связывания.
class counter extends React.Component {
constructor () {
super()
this.state = {
count: 0
}
this.incre = () => {
this.setState({count: this.state.count +1})
}
}
}
*) Этот последний метод — это метод, который я в основном использую, все, что мы делаем, это используют безымянную функцию или функцию стрелки. Безымянная функция даст ему лексическую, которая не создает своего собственного контекста, он наследует класс.
class counter extends React.Component {
constructor () {
super()
this.state = {
count: 0
}
}
incre = () => {
this.setState({count: this.state.count +1})
}
}
Оригинал: «https://dev.to/abodmicheal/3-methods-of-binding-in-react-2fid»