Quel est l'équivalent javascript vanilla de _.bind de Lodash?

Question

J'ai un onClick accessoires dans un composant React qui contient les éléments suivants:

onClick={_.bind(this.callMe, this, argToPass)} 

Gardez à l'esprit, c'est un composant React qui utilise React.createClass, de sorte que les fonctions des composants devrait être lié à sa le contexte.

Malheureusement, lorsque je tente de lier ce en procédant comme suit:

onClick={this.callMe(argToPass)} 

Il casse un de mes tests.

Je ne veux pas lier comme il est passé comme des accessoires comme ceci:

onClick={this.callMe(argToPass).bind(this)} 

b/c des problèmes de performance.

Quelle est la vanille javascript équivalent de:

_.bind(this.callMe, this, argToPass) 

qui permettra à la fonction de lier correctement.

Merci!

Answer 1

Le JS équivalent est Function#bind:

this.callMe.bind(this, argToPass) 

BTW - Je suggère d'éviter la liaison de la fonction dans les accessoires dans la phase de rendu. Vous pouvez en lire davantage dans Why shouldn't JSX props use arrow functions or bind?

Answer 2

onClick = {() => this.callMe(arrtopass)} 

ES6 Essayez de this.it de sentax.

Answer 3

import partial from 'lodash/partial' 

// bind using Function.bind 
onClick={partial(this.callMe.bind(this), argToPass)} 

// when binded in constructor or using arrow function 
onClick={partial(this.callMe, argToPass)}