usestate更新对象类型

在 React 中，使用 `useState` 来更新对象类型的状态非常简单。你可以将 `useState` 的初始值设置为一个对象，并使用对象的属性来更新状态。

下面是一个示例：

import React, { useState } from 'react';

function App() {
  const [person, setPerson] = useState({ name: '', age: 0 });

  const handleChangeName = (e) => {
    setPerson({ ...person, name: e.target.value });
  };

  const handleChangeAge = (e) => {
    setPerson({ ...person, age: e.target.value });
  };

  return (
    <div>
      <input type="text" value={person.name} onChange={handleChangeName} />
      <input type="number" value={person.age} onChange={handleChangeAge} />
      <p>Name: {person.name}</p>
      <p>Age: {person.age}</p>
    </div>
  );
}

export default App;

在上面的例子中，我们使用 `useState` 创建了一个名为 `person` 的状态，并将其初始值设置为空字符串和零。然后，我们定义了两个处理函数 `handleChangeName` 和 `handleChangeAge`，分别用于更新 `person` 对象的 `name` 和 `age` 属性。

在输入框中，我们通过 `value` 属性将 `person.name` 和 `person.age` 分别与输入框的值绑定。每当输入框的值发生变化时，对应的处理函数将被调用，更新 `person` 对象的相应属性。

最后，我们在页面上展示了 `person` 对象的 `name` 和 `age` 属性的值。

这样，当你在输入框中输入内容时，`person` 对象的相应属性将被更新，从而更新页面上的显示内容。