从props中检索嵌套对象

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

const ParentComponent = () => {
  const nestedObject = {
    name: 'John',
    age: 25,
    address: {
      street: '123 Main St',
      city: 'New York',
      country: 'USA'
    }
  };

  return (
    <div>
      <ChildComponent nestedObject={nestedObject} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = (props) => {
  const { nestedObject } = props;
  const { name, age, address } = nestedObject;
  const { street, city, country } = address;

  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
      <p>Address: {street}, {city}, {country}</p>
    </div>
  );
};

export default ChildComponent;