Syntax Error：赋值表达式左侧无效问题排查与正确赋值方法咨询

错误原因 #

你遇到的Syntax error: Invalid left-hand side in assignment expression错误，是因为在赋值语句的左侧使用了可选链操作符?.。

JavaScript的可选链?.仅用于安全读取嵌套属性，当链中某个属性不存在时会返回undefined。但赋值操作的左侧必须是一个可被赋值的引用（比如对象属性、变量），而undefined无法作为赋值目标，因此直接在response.data?.message?.userDetail?.accessToken左侧赋值会触发语法错误。

正确的赋值方式 #

方式1：先确认对象存在再直接赋值 #

先通过可选链判断嵌套对象是否存在，确认存在后直接访问属性赋值：

useEffect(() => {
    if (session?.user && pageLoad) {
        try {
            axios
                .get(`${process.env.CONTENT_GHAR_API_URL}/auth/userDetail`, {
                    headers: { Authorization: session.user.data.accessToken },
                })
                .then(response => {
                    setPageLoad(false);
                    console.log("response", response);
                    // 先确认userDetail对象存在
                    if (response?.data?.message?.userDetail) {
                        response.data.message.userDetail.accessToken = session.user.data.accessToken;
                        localStorage.setItem("uniqueId", response.data.message.userDetail._id);
                        dispatch(userDetail(response.data.message.userDetail));
                    }
                });
        } catch (error) {
            setPageLoad(false);
        }
    }
}, [session]);

方式2：创建新对象（推荐React场景） #

避免直接修改响应原对象（可能存在冻结或副作用风险），通过扩展运算符创建新对象并添加accessToken：

useEffect(() => {
    if (session?.user && pageLoad) {
        try {
            axios
                .get(`${process.env.CONTENT_GHAR_API_URL}/auth/userDetail`, {
                    headers: { Authorization: session.user.data.accessToken },
                })
                .then(response => {
                    setPageLoad(false);
                    console.log("response", response);
                    const originalUserDetail = response?.data?.message?.userDetail;
                    if (originalUserDetail) {
                        // 复制原对象并添加accessToken
                        const updatedUserDetail = {
                            ...originalUserDetail,
                            accessToken: session.user.data.accessToken
                        };
                        localStorage.setItem("uniqueId", originalUserDetail._id);
                        dispatch(userDetail(updatedUserDetail));
                    }
                });
        } catch (error) {
            setPageLoad(false);
        }
    }
}, [session]);

内容的提问来源于stack exchange，提问作者Abdur Rehman Khalid