当模态打开时如何隐藏react-boostrap覆盖（popover）？

Question

我有一个react-boostrap popover，其中包含一个菜单，并打开一个包含在react-boostrap模式中的Link（react-router Link）。

问题在于，当打开模态时，弹出窗口不会自行关闭。在我点击链接后如何让它自行关闭？

现在，弹出窗口位于模态之上。

这是我的代码：

    render() {

    const { uname } = this.props;

        const popover = (
            <Popover id="popover" title={uname}>
                <ul>
                    <li><Link to={'/user/' + uname}>User</Link></li>
                    <li><Link to={{ pathname: '/add', query: { uname: uname } }}>Add Friend</Link></li>
                    <li>Block</li>
                </ul>
            </Popover>
        );


    return (
            <OverlayTrigger trigger="click"
                                            rootClose={true}
                                            placement='right'
                                            overlay={popover}
                                            key={uname}>
                {this.props.children}
            </OverlayTrigger>
        )
    }

}