鼠标位置处的Bootstrap 3 Popover

Question

我无法将弹出窗口放置在鼠标指针上方。除了将弹出框显示在div本身上方之外，我如何将其放置在鼠标指针上方。

https://codepen.io/notsureifgood/pen/RzrGLR

        const popoverTop = (
        <Popover id="popover-positioned-top" title="Popover top"
            placementLeft={100} placementTop={100}>
            <strong>Holy guacamole!</strong> Check this info.
        </Popover>
    );
    return (
      <div>
                  <OverlayTrigger placement="top" overlay={popoverTop}>
                   <div style={{display: 'inline-block', background:'yellow', padding: '100px'}}>Pickled</div>
                  </OverlayTrigger>
      </div>