使用扩展运算符更新usehook对象时出错

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5]; // [1, 2, 3, 4, 5]

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 }; // { a: 1, b: 2, c: 3 }

import { cloneDeep } from 'lodash';

const obj1 = { a: 1, b: { c: 2 } };
const obj2 = cloneDeep(obj1);
obj2.b.c = 3; // 不会影响obj1

const [state, setState] = useState({ a: 1, b: 2 });

const newState = { ...state, a: 3 };
setState(newState);

// 错误示例
const arr = [1, 2, 3];
const result = [...arr, '4']; // TypeError: arr is not iterable

// 正确示例
const result = [...arr, 4]; // [1, 2, 3, 4]

import { useState } from 'react';

function useCustomHook() {
  const [data, setData] = useState({ a: 1, b: 2 });

  const updateData = (newData) => {
    setData({ ...data, ...newData });
  };

  return { data, updateData };
}

const { data, updateData } = useCustomHook();

updateData({ a: 3 });
console.log(data); // { a: 3, b: 2 }