Lodash의 _.bind에 해당하는 바닐라 자바 ​​스크립트는 무엇입니까?

Question

나는 다음과 같은 포함하는 반작용 구성 요소의 onClick 소품을 가지고 :

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

이 명심,이 React.createClass를 사용하는 반작용 구성 요소, 그래서 그것의에 구성 요소의 기능을 결합한다 문맥. 불행하게도

, 나는 다음을 수행하여이 바인딩을 시도 :

onClick={this.callMe(argToPass)} 

그것은 내 테스트 중 하나 나옵니다.

나는 그것이 같은 소품으로 전달 된 것으로 바인딩하지 않으 : 성능 문제의

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

B/C. 함수가 제대로 결합 할 수

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

:

은 바닐라의 자바 스크립트 상응하는 무엇입니까.

감사합니다.

Answer 1

JS 상응 Function#bind이다 BTW

this.callMe.bind(this, argToPass) 

- I는 렌더링 단계에서 소품의 기능을 결합 피하고 제안. 그것에 대해 자세히 알아보십시오 Why shouldn't JSX props use arrow functions or bind?

Answer 2

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

시도해보십시오. es6 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)}