React-使用useState钩子更新对象

在React中，使用useState钩子来管理局部状态。当要更新状态对象时，我们需要用到展开运算符。下面是使用useState钩子更新对象的代码示例：

import React, { useState } from 'react';

function Example() {
  const [user, setUser] = useState({ name: '', email: '' });

  const handleInputChange = event => {
    const { name, value } = event.target;
    setUser({ ...user, [name]: value });
  };

  return (
    <form>
      <input
        type="text"
        name="name"
        value={user.name}
        onChange={handleInputChange}
      />
      <input
        type="email"
        name="email"
        value={user.email}
        onChange={handleInputChange}
      />
    </form>
  );
}

export default Example;

在这个例子中，我们使用了useState钩子来管理user对象的状态。handleInputChange函数会响应input元素的onChange事件，从事件对象中获取name和value值，并使用展开运算符将更新后的键值对添加到user对象中。最后，我们将更新后的state传递给input元素的value属性，从而实现了对象的更新。