错误：设置嵌套对象的值时无法设置未定义的属性答案

【问题标题】：error: Cannot set properties of undefined when setting the value of nested object错误：设置嵌套对象的值时无法设置未定义的属性
【发布时间】：2021-09-08 09:48:54
【问题描述】：

我想将errors的值设置为

{
  email: {
    primary:"abc@gmail.com"
  }
}

编译后返回错误：

Cannot set properties of undefined (setting 'primary')

App.js

import "./styles.css";
import { useState, useEffect } from "react";

export default function App() {
  const [errors, setErrors] = useState({});

  useEffect(() => {
    const newErrors = errors;
    newErrors.email.primary = "abc@gmail.com";
  }, []);
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

代码沙盒：
https://codesandbox.io/s/immutable-http-w0mue?file=/src/App.js

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

因为newErrors.email 是undefined。像这样更新：

newErrors.email = { primary: "abc@gmail.com" };

【讨论】：