关闭后，Javascript 弹出并没有再次打开焦点

Question

I am using the onclick function with window.open popup, the popup comes to front with the same button, but after closing it is not opening again

<Button hideLabel aria-label={zxxxx "}
    className = {styles.button}
    icon = "plus"
    color = "danger"
    size = "lg"
    circle
    onClick = {
      () => {
        if (!this.state.isOpened) {
          this.setState({
            isOpened: true
          })
          var mywin = window.open("https://app.mural.co", "MsgWindow", "width=1366,height=768")
          mywin.addEventListener("beforeunload", function(e) {
            this.setState({
              isOpened: true
            })
          }, false)
          this.setState({
              windows: mywin
            }

            this.setState(mywin)
          }
          else {
            const window = this.state.windows;
            if (window) {
              window.focus();
            }

          }
        }
      }/>

Answer 1

There is something wrong in your code. Please refer to the commented line.

     if (!this.state.isOpened) {
          this.setState({
            isOpened: true
          })
          var mywin = window.open("https://app.mural.co", "MsgWindow", "width=1366,height=768")
          mywin.addEventListener("beforeunload", function(e) {
            this.setState({
              isOpened: true
            })
          }, false)
          this.setState({ // there is no closing parenthesis for this
              windows: mywin
            }

            this.setState(mywin)
          }
          else {
            const window = this.state.windows;
            if (window) {
              window.focus();
            }

          }
        }

Moreover aria-label={zxxxx "} also is missing something. I would highly recommend a code editor that points out these errors for you.