Reactjs React bootstrap Popover：未定位在我期望的位置

我很难理解Popover是如何定位的。当我将它添加到我的按钮时，我希望它出现在按钮下，但它却出现在页面的左上角：

以下是我的按钮组件的代码：

函数HeaderLoginButton（）{
返回(
登录/注册
)
}

我没有将道具传递到我的

Login

组件中的

Popover

。因此，

Popover

无法获取

placement

、

positionTop

和

positionLeft

的值，而

OverlayTrigger

正试图发送这些值

我能够使用JSX spread属性将所有道具一起发送，如下所述：

---

是的，正如他已经说过缺少道具一样，如果有人不知道如何传递道具，代码应该是这样的：

function Login( props ) {
  return (
    <Popover id={ props.id } title={ <LoginTitle /> } {...props}>
      <div className="form-group row">
        <input className="dontHaveAcctCheckbox" type="checkbox" />
        <label>I don't have an account, yet</label>
      </div>
      <div className="form-group row"
//rest of the code...

功能登录（道具）{
返回(
我还没有账户