输入\'数字| undefined\' 不可分配给类型 \'number\'

Question

const initialState =  {
    id: 0,
    studentId : 0,
    targets : []
}

const [program, setProgram] = useState(initialState);

在我下面做的一个功能中 setProgram({...program,studentId= selectedStudent?.id})

选择的学生定义如下： selectedStudent: 学生 |不明确的;

我不想更改 selectedStudent: Student |不明确的;

我可以在 initialState 中做什么来消除错误

Answer 1

您已将 studentId 属性隐式定义为保存一个数字。

selectedStudent?.id 可能是一个数字，也可能是 undefined。

由于 undefined 不是数字，因此会出现错误。

有几件事你可以做以消除错误，但无法判断是什么正确的要做的事情是根据你提供的信息。

测试该值是否为undefined并提供默认数字

setProgram({
    ...program,
    studentId: selectedStudent?.id ?? 0
});

使用允许属性未定义的显式类型

type Program = {
    id: number;
    studentId?: number;
    targets: Something[]
}

const initialState: Program =  {
    id: 0,
    studentId : 0,
    targets : []
}

Answer 2

const initialState : any =  {
    id: 0,
    studentId : 0,
    targets : []
}

const [program, setProgram] = useState(initialState);

将工作。