如何提取作为道具传递给React函数组件的属性的嵌套类型

function MyComponent(props) {
  // 使用props中的属性
  return <div>{props.nestedProp}</div>;
}

const props = {
  nestedProp: {
    name: 'John',
    age: 25
  }
};

ReactDOM.render(<MyComponent {...props} />, document.getElementById('root'));

function MyComponent(props) {
  // 使用点表示法访问嵌套属性
  console.log(props.nestedProp.name); // 输出 'John'
  
  // 使用解构赋值访问嵌套属性
  const { name, age } = props.nestedProp;
  console.log(name); // 输出 'John'
  console.log(age); // 输出 25
  
  return <div>{props.nestedProp.name}</div>;
}