🐕 スプレッド構文(...hoge)
作成日: 2022/01/29
3

下記の...stateって何ぞ。

export const restaurantsReducer = (state, action) => {
	switch (action.type) {
    case restaurantsActionTypes.FETCHING:
      return {
        ...state,
        fetchState: REQUEST_STATE.LOADING,
      };
    case 以下省略
  }
}

調べてみたらスプレッド構文 (...)で以下のように配列式や文字列などの反復可能オブジェクトを引数や要素として展開できる便利な記述でした。ため息交じりにつぶやいているわけではありません。

function sum(x, y, z) {
  return x + y + z;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers));
// 実行結果
// 6

こんな便利な記述、なんで今まで使わなかったのだろうと思ったら、案の定IEが軒並み全滅、非対応でした。IE11、早くこの世から消えて無くなれー。


JavaScriptとSassと英語が好き。