如何修复访问对象上具有默认值的字段时的流错误?

Question

示例

流量重复

问题

我正在尝试访问我认为应该始终存在的对象的字段。

如何解决以错误？

片段

problem = (arg: {refKey: string} = {}) => {
const {refKey = 'ref', ...rest} = arg;
return {
[refKey]:arg[refKey],
...rest
};
};

错误：

19:       [refKey]:arg[refKey],
^ Cannot get `arg[refKey]` because property `ref` is missing in object type [1].
References:
16:   problem = (arg: {refKey: string} = {}) => {
^ [1]

Answer 1

发生这种情况是因为您在声明值时设置了该值。

如果要设置默认值，可以在默认参数中进行设置，如下所示：

problem = (arg: {refKey: string} = {refKey: 'ref'}) => {
const {refKey, ...rest} = arg;
return {
[refKey]:arg[refKey],
...rest
};
};

编辑

好吧，我想我误解了这个问题，现在已经理解了(！

如果默认属性将命名为'ref'，则可以执行以下操作：

problem = (arg: {refKey: string, ref: any} = {}) => {
const {refKey = 'ref', ...rest} = arg;
return {
[refKey]:arg[refKey],
...rest
};
};