如何在反应堆弹出中正确使用延迟？

Question

我读了configurations。我尝试在Popover上使用delay，但延迟不起作用。

我犯了错误吗？

Popovers' doc

  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

如果延迟道具不起作用，您可以随时对toggle func

执行此操作

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