React Bootstrap - OverlayTrigger el ile kapama

Question

Verileri kaydetmek ve kapatmak için bazı form girişleri ve Button içeren Popover bir OverlayTrigger sarma var.

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> 
     }> 

Ben rootClose = true var ve benim geri arama onExit işletilirse, ama bir yolunu el ile yakın bindirme görmüyorum. show özniteliğini (tahmin edilebilir şekilde) çalışmayan Bootstrap Modal'dan kullanmaya çalışıyorum.

Answer 1

<OverlayTrigger ref="overlay"... öğeye bir ref ekleyin ve öğe oluşturulduktan sonra hide yöntemini çağırın. Bunu test etmedik ama işe yaramadı:

this.refs.overlay.hide(); 

Answer 2

Gizleme işlevi OverlayTrigger üzerinde genel bir işlev değildir. <OverlayTrigger rootClose={true}... öğelerini ve ardından onClick olay tetikleyici aramayı document.body.click() numaralı çağrıyla ayarlayın.