प्रतिक्रिया बूटस्ट्रैप - ओवरले ट्रिगर

Question

मैन्युअल रूप से बंद करने के लिए मेरे पास OverlayTriggerPopover लपेटने वाला है जिसमें डेटा को सहेजने और बंद करने के लिए कुछ फॉर्म इनपुट और 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"... तत्व में एक रेफरी जोड़ें और तत्व प्रस्तुत किए जाने के बाद hide विधि को कॉल करें। इसका परीक्षण नहीं किया है लेकिन काम करना चाहिए:

this.refs.overlay.hide(); 

Answer 2

छुपाएं फ़ंक्शन ओवरले ट्रिगर पर सार्वजनिक कार्य नहीं है। <OverlayTrigger rootClose={true}... सेट करें और फिर अपने onClick ईवेंट ट्रिगर पर कॉल करें document.body.click()।