高階関数とカリー化

高階関数とは「関数を引数や戻り値とする関数」

Array.forEach等

カリー化とは、関数の引数を段階的にする

code: text.tsx

import React from 'react';

// カリー化された関数

const createColoredComponent = (color) => {

return ({ children }) => <div style={{ color }}>{children}</div>;

}

// これを使って、特定の色のコンポーネントを作成する

const RedComponent = createColoredComponent('red');

function App() {

return (

<div>

<RedComponent>Hello, World!</RedComponent>

</div>

);

}

export default App;

「関数に引数を途中まで適用した新しい関数」を定義することが可能になります。(これを「部分適用」といいます。)

カリー化

【TS】今さら聞けない高階関数・カリー化