多个BlueprintJS Popover是否可以具有相同的目标？ （例如，一个用于点击，另一个用于悬停）

Question

假设我有一个Button组件，并且我希望Popover A悬停在Button上时出现，而Popover B在单击按钮时出现。这可能吗？

Answer 1

您可以通过嵌套这样的弹出窗口来实现：

  <Popover content={<div>Hover</div>} interactionKind={PopoverInteractionKind.HOVER}>
    <Popover content={<div>Click</div>} interactionKind={PopoverInteractionKind.CLICK}>
      <Button text="Button with two popovers"/>
    </Popover>
  </Popover>

有一个有效的示例here。

如果您不希望用户单击按钮时显示悬停弹出窗口，则可以通过设置controlled道具切换到isOpen的用法来实现。有关更多信息，请参阅BP文档。