APIからあるオブジェクトが渡され、フロントでデータが無ければデフォルト値を付けるような処理を TypeScript で書いていてハマったのでメモ。 ※ フロントは React です API から渡されるデータ InitUnitData = { first: { id: 1, name: '春風 わかば', type: 'cute', }, second: { id: 2, name: '姫石 らき' } } type が無ければデフォルト値を付けたい Array.reduce でオブジェクトをフォーマットする JavaScript で書くとこんな感じ。 const DefaultType = 'cute'; function Unit({ InitUnitData }) { return <UnitContainer {...formatUnitData(InitUnitData)} /
![TypeScript オブジェクトのデフォルト値を Array.reduce で設定しようとしたら型指定でハマった - かもメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b9fdeb6424bee7ce6e20bea3bbe882d4083c874/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F5140GM6vVlL._SL160_.jpg)