javascript - 如何在 reactstrap 的 Popovers 中正确使用延迟？

Question

我读了Popovers 的文档。我尝试delay在 Popover 上使用，但延迟不起作用。

我犯错了吗？

Live version

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

Answer 1

作为替代方案，如果延迟道具不起作用，您可以随时对您的togglefunc执行此操作

toggle = () => {
 setInterval(() => {
   this.setState({ popoverOpen: !this.state.popoverOpen });
 }, 2000)   
};