在React中，布局组件通常被称为容器组件，用于包装其他子组件，并处理一些逻辑、状态等。当子组件被卸载时，如果布局组件也需要进行卸载，可以使用以下方法来实现：

1. 使用React的生命周期方法componentWillUnmount()，在组件即将被卸载时执行相应的逻辑。在该方法中，你可以执行一些清理工作，比如取消订阅、清除定时器等。

class LayoutComponent extends React.Component {
  componentDidMount() {
    // 在组件挂载后，进行一些初始化工作
  }

  componentWillUnmount() {
    // 在组件即将被卸载时，执行一些清理工作
  }

  render() {
    return (
      

        {/* 子组件 */}
      
    );
  }
}

export default LayoutComponent;

2. 如果你使用的是函数式组件，可以使用React的Hooks来实现相同的逻辑。使用useEffect()钩子函数来替代componentDidMount()和componentWillUnmount()方法。

import React, { useEffect } from 'react';

function LayoutComponent() {
  useEffect(() => {
    // 组件挂载时执行的逻辑
    return () => {
      // 组件即将卸载时执行的逻辑，相当于componentWillUnmount()
    };
  }, []);

  return (
    

      {/* 子组件 */}
    
  );
}

export default LayoutComponent;

在以上示例中，当子组件被卸载时，布局组件会执行componentWillUnmount()或useEffect()中的清理逻辑。你可以根据实际需求，在这些方法中执行相应的操作，以确保在子组件卸载时布局组件也被卸载。