Как правильно использовать задержку в Popovers Reactionstrap?

Question

Я прочитал документ Popovers. Я пытался использовать delay на Popover, но задержка не работает.

Я сделал ошибку?

Живая версия

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