React. Почему ref={()=>{}} быстрее, чем ref={this.myGetRef}?

Question

[KnightForce]

При использовании ref таким способом долго рендерится компонент.

class A extends Component {
 constructor(props) {
    this.getRef=this.getRef.bind(this);
 }

 getRef(input) {
  this.input = input;
 }
 
 render() {
    return <TextInput ref={this.getRef}/>
 }
}

Но если написать так, то все работает быстро:

class A extends Component {
 constructor(props) {
 }
 
 render() {
    return <TextInput ref={(input)=>{this.input = input}}/>
 }
}

Почему?

Comments

[User Unknown]

На сайте доки, второй вариант не рекомендуется, потому что при каждом рендер создаётся новая анонимная функция.

[Alexander]

Объявлять Конструктор правильно так:

constructor(props) {
     super(props)
 }

[KnightForce]

Андрей Н, тестировал в продакшн сборке. И второй вариант раз в 10 быстрее.

[KnightForce]

Alexander, это просто пример для описания вопроса.