Reactjs Antd将工具提示应用于折叠面板标题部分

我正在尝试在面板标题顶部添加工具提示。 问题是，当我在面板项中添加工具提示时，它会出现在面板内容中，而不是其标题中

<Collapse>
    <Panel
      header="Header"
      key="1"
      id="1"
    >
      <Tooltip
        title="Panel View 1"
        className="tooltip"
      >
        <div>
          <Paragraph>
            Sample Text
          <Paragraph/>
        </div>
      </Tooltip>
    </Panel>         
</Collapse>

示例文本

期望视图

---

您需要将其添加到标题道具中：

<Collapse>
    <Panel
      header={
        <Tooltip
          title="Panel View 1"
          className="tooltip"
        >
            This is panel header 1
        </Tooltip>
      }
    >
      <p>{text}</p>
    </Panel>        
</Collapse>

{text}

Yes@fatemehQasemkhani，这是可行的，但需要像这样在工具提示中作为一个节点进行更正header={header 1}`