无法在react中将prop传递到dict

// 父组件
import React from 'react';

const ParentComponent = () => {
  const myDict = {
    propKey: 'propValue'
  };

  return <ChildComponent dictProp={myDict} />;
};

// 子组件
const ChildComponent = ({ dictProp }) => {
  // 使用传递过来的字典对象
  console.log(dictProp.propKey); // 输出 'propValue'

  return <div>Child Component</div>;
};

// 子组件
import React, { useState } from 'react';

const ChildComponent = ({ dictProp }) => {
  const [myDict, setMyDict] = useState(dictProp);

  // 修改字典的值
  const updateDict = () => {
    setMyDict(prevDict => ({
      ...prevDict,
      propKey: 'newPropValue'
    }));
  };

  // 使用字典的值
  console.log(myDict.propKey); // 输出 'propValue'

  return (
    <div>
      <button onClick={updateDict}>Update Dict</button>
    </div>
  );
};