VSCode 如何修复 typescript 突出显示错误 {} 类型的参数不可分配给

Question

What should I do in the function createField in order to remove this syntax error highlighting?

const createField = (
    dataType,
    options = {
        required: false,
        label: null,
        min: Number.NEGATIVE_INFINITY,
        max: Number.POSITIVE_INFINITY,
        email: false,
        match: false
    }
) => {
    return {
        dataType,
        options: {
            ...options,
            label: options.label && options.label.toString() || null,
        },
    };
};

Answer 1

Here a possible solution:

interface CreateFieldOptions {
  required?: boolean;
  // you need to change the type here
  label?: unknown;
  min?: number;
  max?: number;
  email?: boolean;
  match?: boolean;
}
const createFieldDefaultOptions: CreateFieldOptions = {
  required: false,
  label: null,
  min: Number.NEGATIVE_INFINITY,
  max: Number.POSITIVE_INFINITY,
  email: false,
  match: false
}

const createField = (
    dataType,
    options: CreateFieldOptions = {}
) => {
    return {
        dataType,
        options: {
            ...createFieldDefaultOptions,
            ...options,
            label: options.label && options.label.toString() || null,
        },
    };
};

What are the changes?

• Add an interface to manage the options type -> CreateFieldOptions
  • So it can be reused
• Extract the default options into a separate variable -> createFieldDefaultOptions
  • Your intent seems to be to merge the default options with the provided passed options. But that is not possible via the parameter assignment, so it has to be done later (see last bullet point)
• The type of the options parameter is now an optional CreateFieldOptions
• The returned object with the options attribute is extended by the createFieldDefaultOptions
  • The order is important! createFieldDefaultOptions needs to be first, so that it can be overridden by the provided options