为什么有必要用大括号封装参数来反应函数组件？

function MyComponent({ name, age }) {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
}

function ParentComponent() {
  const name = "John";
  const age = 25;

  return (
    <div>
      <ChildComponent {...{ name, age }} />
    </div>
  );
}

function ChildComponent({ name, age }) {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
}