javascript - 设置传递给函数参数的对象属性的默认值

Question

这个问题的主要区别是我想保留对象内部引用的属性，而不是解构。

export interface MapSettings {
  up: 'trueNorth' | 'runIn' | 'magneticNorth' | 'user';
  rotation?: number;
}

type MapProps = {
  settings: MapSettings;
};

export const Map: FunctionComponent<MapProps> = function Map({
  settings,
}) {

我想为 settings.rotation 设置默认值，但我也想将其保留为 settings.rotation 引用，因为设置的属性比此处显示的要多得多我知道值(value)从何而来。

这是我能想到的最佳答案:

export const Map: FunctionComponent<MapProps> = function Map({
  settings: { rotation: settingsRotation = 360, ...settings },
}) {

但它不允许我引用默认值为 360 的 settings.rotation。

Answer 1

只需检查并设置它:

export const Map: FunctionComponent<MapProps> = function Map({
  settings,
}) {
  settings.rotation = (settings.rotation || settings.roation === 0) ? settings.rotation : 360