Могут ли несколько BlueprintJS Popovers иметь одну и ту же цель?(например, один для клика, а другой для наведения)

Question

Допустим, у меня есть компонент Button, и я хотел бы, чтобы Popover A появлялся при наведении на кнопку, а 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>

Вот рабочий пример здесь .

В случае, если вы не хотитепри наведении всплывающего окна на экран каждый раз, когда пользователь нажимает кнопку, вы можете добиться этого, переключившись на использование controlled, установив isOpen prop.Для получения дополнительной информации см. Документацию BP.