我有一个包裹了 Popover
的 OverlayTrigger
,里面包含一些表单输入和一个用于保存数据并关闭的 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
属性,但不起作用。