Antd 将工具提示应用到 Collapse.Panel header 部分

Question

我正在尝试在面板顶部添加工具提示 header。问题是，当我在面板项中添加工具提示时，它显示的是面板内容而不是其 header.

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

预期观看次数

Answer 1

您需要将其添加到 header props:

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

Antd 将工具提示应用到 Collapse.Panel header 部分

Antd apply tooltip on to the Collapse.Panel header section

panel

tooltip

reactjs

antd