检索对象值并将其分配给ReactJS中的另一个对象

import React, { useState } from 'react';

function ExampleComponent() {
  const [sourceObj, setSourceObj] = useState({ name: 'Alice', age: 25 });
  const [targetObj, setTargetObj] = useState({});

  const copyValues = () => {
    // 浅拷贝示例
    setTargetObj({ ...sourceObj });

    // 如果需要深拷贝，可以使用JSON方法（注意：这种方法不能处理函数和循环引用）
    // setTargetObj(JSON.parse(JSON.stringify(sourceObj)));
  };

  return (
    <div>
      <button onClick={copyValues}>Copy Values</button>
      <pre>{JSON.stringify(targetObj, null, 2)}</pre>
    </div>
  );
}

export default ExampleComponent;

const copyValues = () => {
  setTargetObj(prevTargetObj => ({ ...prevTargetObj, ...sourceObj }));
};

import _ from 'lodash';

const copyValues = () => {
  setTargetObj(_.cloneDeep(sourceObj));
};