javascript - 语法错误 : Invalid left-hand side in assignment expression

Question

我从后端接收到数据，其中包含一个 student 对象。

student 包含一个名为grade 的字段。我想在我的代码中显式更新 student 对象的值:

// the component parses the student object, I don't show those code here

useEffect(() => {
    const {grade} = calculateNewGrade(student);
    // Syntax Error: Invalid left-hand side in assignment expression
    student?.grade = grade;
  }, [student]);

当我运行我的应用程序时，上面显示的代码出现错误“赋值表达式中的左侧无效”。为什么？那么更新该值的正确方法是什么？

=== 关于使用可选语法 student?.grade ===

之所以使用optional语法，是因为开头的student在加载之前是undefined或者null。如果我删除可选的 ?，我将在评估 student.grade 时遇到另一个错误“undefined is not an object”。

Answer 1

读取值时应使用可选链接，而不是分配值时。您可以将这段代码更新为:

if (student != null) {
    student.grade = grade;
}

编辑:Felix King 指出的错误