`compose(...functions)`

概要

関数を右から左へ順に合成します。

これは関数型プログラミングのユーティリティであり、利便性のためReduxに組み込まれています。複数のストアエンハンサーを連続して適用する場合に使用できます。またcomposeは一般的なスタンドアロンメソッドとしても利用可能です。

警告

composeを直接呼び出す必要はありません。Redux ToolkitのconfigureStoreメソッドは標準のapplyMiddlewareとRedux DevToolsストアエンハンサーを自動的に設定し、追加のエンハンサーを渡すためのenhancers引数を提供します。

引数

(引数): 合成する関数。各関数は単一のパラメータを受け取ることが期待されます。その戻り値は左側の関数への引数として渡され、この処理が繰り返されます。例外は右端の引数で、複数のパラメータを受け取ることが可能です。これが最終的な合成関数のシグネチャを決定します。

戻り値

(関数): 与えられた関数を右から左へ合成して得られる最終的な関数。

使用例

この例では、composeを使用してストアをapplyMiddlewareとredux-devtoolsパッケージの開発者ツールで拡張する方法を示します。

import { createStore, applyMiddleware, compose } from 'redux'
import { thunk } from 'redux-thunk'
import DevTools from './containers/DevTools'
import reducer from '../reducers'

const store = createStore(
  reducer,
  compose(applyMiddleware(thunk), DevTools.instrument())
)

活用のヒント

composeの役割は、コードが右方向に長くならないように深くネストした関数変換を記述できるようにすることだけです。過大評価しないでください！

概要​

引数​

戻り値​

使用例​

活用のヒント​

概要

引数

戻り値

使用例

活用のヒント