如何在reactjs中将一个组件呈现在另一个组件之上

import React from 'react';

// 定义容器组件
const ContainerComponent = () => {
  return (
    <div style={{ position: 'relative' }}>
      <div style={{ position: 'absolute', top: 0, left: 0 }}>
        {/* 需要呈现在上方的组件 */}
        <OverlayComponent />
      </div>
      {/* 其他内容 */}
      <div>
        {/* 其他组件 */}
      </div>
    </div>
  );
};

// 需要呈现在上方的组件
const OverlayComponent = () => {
  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
};

export default ContainerComponent;