Curring and React

Curringはカリー化といい、複数の引数を取る関数内においてその引数を分解する機能です。 下記は一般的なJavascriptのコードです。 const sum = (a, b) => a + b; sum(1, 2); // 3 上記をCurryingで書き直すと、以下のように記述することもできます。 // 以下と同じ // const sum = function(a) { return function(b) { return a + b }} const sum = a => b => a + b; sum(1)(2); // 3 分割した引数を戻り値で使い結果を返すわけです。 Reactのケース 以下のような高階コンポーネントを利用したコードがあるとします。 import React from "react"; import ReactDOM from "react-dom";