您可以像这样传递新值：

  setExampleState({...exampleState,  masterField2: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b",
           fieldTwoTwo: "c"
           }
        },
   })

如果有人正在搜索 useState()挂钩更新对象

- Through Input

        const [state, setState] = useState({ fName: "", lName: "" });
        const handleChange = e => {
            const { name, value } = e.target;
            setState(prevState => ({
                ...prevState,
                [name]: value
            }));
        };

        <input
            value={state.fName}
            type="text"
            onChange={handleChange}
            name="fName"
        />
        <input
            value={state.lName}
            type="text"
            onChange={handleChange}
            name="lName"
        />
   ***************************

 - Through onSubmit or button click
    
        setState(prevState => ({
            ...prevState,
            fName: 'your updated value here'
         }));

通常，您应该注意 React 状态中的深层嵌套对象。为了避免意外行为，状态应该不可变地更新。当您拥有深层对象时，您最终会深入克隆它们以实现不变性，这在 React 中可能非常昂贵。为什么？

一旦你深度克隆状态，React 将重新计算并重新渲染依赖于变量的一切，即使它们没有改变！

因此，在尝试解决您的问题之前，请先考虑如何使状态变平。一旦你这样做了，你就会找到有助于处理大状态的方便的工具，比如 useReducer()。

如果您考虑过，但仍然确信您需要使用深度嵌套的状态树，您仍然可以将 useState() 与诸如immutable.js和Immutability -helper 之类的库一起使用。它们使更新或克隆深层对象变得简单，而不必担心可变性。

我参加聚会迟到了.. :)

当意图重新输入整个对象结构时，@aseferov 答案非常有效。但是，如果目标/目标是更新对象中的特定字段值，我相信下面的方法会更好。

情况：

const [infoData, setInfoData] = useState({
    major: {
      name: "John Doe",
      age: "24",
      sex: "M",
    },

    minor:{
      id: 4,
      collegeRegion: "south",

    }

  });

更新特定记录将需要召回之前的状态 prevState

这里：

setInfoData((prevState) => ({
      ...prevState,
      major: {
        ...prevState.major,
        name: "Tan Long",
      }
    }));

也许

setInfoData((prevState) => ({
      ...prevState,
      major: {
        ...prevState.major,
        name: "Tan Long",
      },
      minor: {
        ...prevState.minor,
        collegeRegion: "northEast"

    }));

我希望这可以帮助任何试图解决类似问题的人。

谢谢菲利普，这帮助了我 - 我的用例是我有一个包含很多输入字段的表单，所以我将初始状态保持为对象，但我无法更新对象状态。上面的帖子帮助了我:)

const [projectGroupDetails, setProjectGroupDetails] = useState({
    "projectGroupId": "",
    "projectGroup": "DDD",
    "project-id": "",
    "appd-ui": "",
    "appd-node": ""    
});

const inputGroupChangeHandler = (event) => {
    setProjectGroupDetails((prevState) => ({
       ...prevState,
       [event.target.id]: event.target.value
    }));
}

<Input 
    id="projectGroupId" 
    labelText="Project Group Id" 
    value={projectGroupDetails.projectGroupId} 
    onChange={inputGroupChangeHandler} 
/>