我正在使用Reactjs。当我按下弹出窗口中的按钮时，系统将重新渲染页面并将应用程序从地址“ http://localhost:8080/Quiz?token=5db9d96d30000093335ee67c”发送到“ http://localhost:8080/Quiz？”，即使我没有给出任何执行命令。

当我使用“ onclick”标记时，即使我不使用它，也会发生这种情况。实际上，我已经注意到，当我使用onClick标记对按钮出价时，甚至没有调用该函数。

我有一个由以下代码定义的弹出窗口，用于呈现弹出窗口：

render() {  

    return (  

    <div classname='popup'>  
    <div classname='popup\_inner'> 
      <div classname="form-group">
        <label for="exampleFormControlTextarea1">Example textarea</label>
        <Form>
          <FormGroup>
            <textarea classname="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
            <Input type="text" onChange={e => this.answer = e.target.value} placeholder="Insira a resposta" />
          </FormGroup>
          <FormGroup>
          <div id="center-button"><button classname="btn btn-primary">Send</button></div>
          </FormGroup>
          <div id="center-button"><button onClick={this.props.closePopup} classname="btn btn-primary">Close</button></div>
        </Form>
      </div>
    </div>
    </div> 
    )

定义弹出窗口的CSS：

.popup {  
    overflow: hidden;
    position: fixed;
    overflow-y: auto;  
    width: 40%;
    min-width: 400px;  
    height: 100%;  
    top: 0;  
    left: auto;  
    right: auto;  
    bottom: 0;  
    margin: auto;  
    background-color: rgba(255,255,0.95);  
  }  
  .popup\_inner {  
    position: absolute; 
    left: 25%;  
    right: 25%;  
    top: 25%;  
    bottom: 25%;  
    margin: auto;  
    border-radius: 20px;  
    background: white;  
  }

当我按下“发送”按钮时，就会发生问题。当我按下“关闭”按钮时，弹出窗口将正确关闭。