Есть ли разница, если использовать в React между, ()=> и this.bind(this)?

Question

[vaskadogana]

Вроде this работает как там, так и тут, только запись ()=> короче.
Спрашиваю потому что натолкнулся на рассуждение, что
this.func = this.func.bind(this)
лучше писать в constructor() чем в render(). т.к bind будет происходить каждый рендер (onClick = {this.func.bind(this))

думаю может и тут какой ньанс есть

Answer 1

[Максим]

лучше писать в constructor() чем в render(). т.к bind будет происходить каждый рендер (onClick = {this.func.bind(this))

Именно так и есть. То есть "уйдет больше памяти" , так как она будет расходоваться из-за постоянного определения новых (анонимных () => {...} ) функций.

Еще можете использовать плагин для babel: transform-class-properties и тогда сможете писать сразу так:

class BlaBla extends React.Component {
  myFuncWIthThis = () => {
     ....
  }
  render() {
    <button onClick={this.myFuncWithThis}>Click me</button>
  }
}

Comments

[vaskadogana]

Максим
хм, у меня запись вида

myFuncWIthThis = () => {
     ....
  }

работает без плагина, именно про этот вид записи и интересовался, лучше так писать или в constructor()

[Максим]

vaskadogana, по-моему разницы нет, я не знаю досконально во что превращается такой код, не интересовался.
Без плагина работать не может, или я упустил какое-то обновление.

[vaskadogana]

Максим, а нет, у меня такой плагин есть, только называется babel-plugin-transform-class-properties

[Максим]

vaskadogana, гуд) я вам на него ссылку и давал. Все на своих местах, значит. Думаю можно смело использовать стрелочную запись (мы называем это "жирные функции" (fat functions))