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を実行されますが、私は手動で近いオーバーレイへの道が表示されません。ブートストラップModalのshow属性を使用して、（予想通り）動作しないようにしようとしています。

Answer 1

要素がレンダリングされたら、<OverlayTrigger ref="overlay"...要素にrefを追加し、hideメソッドを呼び出します。テストしていないが動作するはずです：

this.refs.overlay.hide(); 

Answer 2

Hide関数は、OverlayTriggerのパブリック関数ではありません。 <OverlayTrigger rootClose={true}...を設定し、onClickイベントトリガーコールdocument.body.click()を入力します。