在Coachmark的情况下不显示教学泡泡方向

如何解决在Coachmark的情况下不显示教学泡泡方向

我使用 Microsoft 的文档设计了基于 Coachmark 的教学标注。 可以在此处找到一些示例：https://docs.microsoft.com/en-us/javascript/api/examples/coachmark?view=office-ui-fabric-react-latest

我想在显示教练标记后为教学标注指明方向，但我无法做到。

Coachmark 在其中使用了 TeachingBubbleContent，它没有方向，只是一个矩形框。 我尝试在 Coachmark 内使用 TeachingBubble，但它甚至出现在 Coachmark 之前。

我明白了： Callout without direction

但我想要这个，在显示基于水滴的 Coachmark 之后： Callout with direction

PS：如果使用此方法无法实现，请建议是否可以使用其他任何方法来实现。

   <Coachmark
      target={targetButton.current}
      positioningContainerProps={positioningContainerProps}
      ariaAlertText="A coachmark has appeared"
      ariaDescribedBy="coachmark-desc1"
      ariaLabelledBy="coachmark-label1"
      ariaDescribedByText="Press enter or alt + C to open the coachmark notification"
      ariaLabelledByText="Coachmark notification"
    >
      <TeachingBubbleContent
        headline="Example title"
        hasCloseButton
        closeButtonAriaLabel="Close"
        primaryButtonProps={buttonProps}
        secondaryButtonProps={buttonProps2}
        ondismiss={hideCoachmark}
        ariaDescribedBy="example-description1"
        ariaLabelledBy="example-label1"
      >
        Welcome to the land of coachmarks!
      </TeachingBubbleContent>
    </Coachmark>