我读了Popovers' doc 。我尝试在 Popover 上使用 delay
,但延迟不起作用。
我是不是搞错了?
constructor() {
super();
this.state = {
popoverOpen: false
};
}
toggle = () => {
this.setState({
popoverOpen: !this.state.popoverOpen
});
};
render() {
return (
<div>
<Button id="Popover1" onClick={this.toggle}>
Launch Popover
</Button>
<Popover delay={2000} placement="bottom" isOpen={this.state.popoverOpen} target="Popover1" toggle={this.toggle}>
<PopoverHeader>Title</PopoverHeader>
<PopoverBody>Body</PopoverBody>
</Popover>
</div>
);
}
最佳答案
作为替代方案,如果延迟属性不起作用,您可以随时对 toggle
函数执行此操作
toggle = () => {
setInterval(() => {
this.setState({ popoverOpen: !this.state.popoverOpen });
}, 2000)
};
关于javascript - 如何在reactstrap的Popovers中正确使用delay?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48366548/