React Currying

커링 기법 (React Currying)

• 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법.

function helloFunc(word, name) {
   console.log(`${word}, ${name}`);
}

• 2개의 인자를 받는 함수.

function helloFunc(word) {
    return function (name) {
        console.log(`${word}, ${name}`);
    };
}

• 커링 기법을 적용한 방식.

const helloFunc =(word)=>(name) => {
  console.log(`${word}, ${name}`);
}

• 화살표 함수로 변형.

커링 기법 주의점

• 커링 기법을 적용할 때는 인자의 순서가 매우 중요하다.
• 변동 가능성이 적은 인자는 앞에, 변동 가능성이 높은 인자는 뒤에 배치해야 한다.