twitter-bootstrap - React Bootstrap - 如何手动关闭 OverlayTrigger

Question

我有一个 OverlayTrigger 包装一个 Popover，其中包含一些表单输入和一个 Button 来保存数据并关闭。

save(e) {
  this.setState({ editing: false })
  this.props.handleUpdate(e);
}

render() {
    return (
      <OverlayTrigger trigger="click"
        rootClose={true}
        onExit={this.save.bind(this) }
        show={this.state.editing}
        overlay={
            <Popover title="Time Entry">
              <FormGroup>
                    <ControlLabel>Data: </ControlLabel>
                    <FormControl type={'number'}/>
              </FormGroup>
              <Button onClick={this.save.bind(this) }>Save</Button>
           </Popover>
        }>

我有 rootClose = true，并且我的回调在 onExit 上执行，但我没有找到手动关闭叠加层的方法。我正在尝试使用 Bootstrap Modal 中的 show 属性，但(可以预见)不起作用。

Answer 1

隐藏函数不是 OverlayTrigger 上的公共(public)函数。设置<OverlayTrigger rootClose={true}...然后在您的onClick上事件触发调用document.body.click() .