Reactjs 对重定向有何反应？提交请求而不是Rest api时的参数

点击提交从。 我有三个字段TreeSelect下拉列表，一个文本框和一个数字字段。我在州里过日子。 如果我给出的天数不等于10，它将重定向到

**import React from 'react';
import TestDropdownTreeSelect from './DropdownTreeSelect';
import Select from 'react-select';



class NewReport extends React.Component{

  constructor() {
    super();
    this.state = {
     days:null
    };
    this.getResults = this.getResults.bind(this);
    this.handleChange = this.handleChange.bind(this);

  }

  handleChange({ target }) {
    this.setState({

     days: target.value
    });
  }
  getResults() {
if(this.state.days!=null || this.state.days!=0)
   alert(this.state.days);

    fetch('*********************/************/getReportData?libraryName=R1_CONTENT_en_IN')
      .then(res => res.text())
      .then(text => {
        console.log('R4_CONTENT_en_US----------------')
        console.log(text);
        console.log('R4_CONTENT_en_US----------------')

      }).catch(err => {
        console.log("ERROR: " + err);
      })
  }
    render(){
        return (

            <div>
              <form required>
              <div class="label">
                  <b>New Report</b>
              </div>
              <br></br>

              <div className="container">
                <div class="row">

                  <div class="col-md-2">
                      <div class="labelNameLib">
                      <b>Library</b>
                          </div></div>
                  <div class="col-md-4">

                    <TestDropdownTreeSelect />

                   </div>

                </div>
              </div>


                <div className="container">
                  <div className="row">
                    <div className="col-md-2">
                    <div class="labelName">
                     <b>Author</b> 
                     </div>
                  </div>
                    <div className="col-md-2">

                     {/*  <Select options={Authors}></Select> */}
                     <input type="text" ></input>
                    </div>
                    <div className="col-md-2"></div>
                  </div>
                </div>
                <br></br>
                <div className="container">
                  <div className="row">
                    <div className="col-md-2">
                    <div class="labelName">
                        <b>Expiry Date in Next</b>
                        </div> </div>
                    <div className="col-md-2">
                      <input type="number"  required
                       title="Enter number from 1 to 365"  
                       value={ this.state.days } name="days"
                       onChange={ this.handleChange }
                       pattern="[0-9]{1,3}"  min="1" max ="365"></input>
                    </div>
                    <div className="col-md-1"><b>Days</b></div>
                  </div>
                </div>
                <br></br>

                <div>

                  <button type="submit" class="runReport" 
                  onClick={this.getResults} 
                  style={{ backgroundColor: '#FFD700', marginLeft: '15%' }}>Run Report</button>
                </div>
                <div>

                </div>
                </form>
              </div>   
            );
          }
        }**

我在控制台中没有得到RESTAPI结果。为什么要重定向到？天数=10。

---

我使用fetch来命中restapi请求

这是一种预期的行为。在页面上测试示例后，页面将重新加载。为了防止JavaScript出现这种情况，您必须使用。以下是更新的代码段：

class NewReport extends React.Component{   
  getResults(event) {
    event.preventDefault();

    // ...
  }
}

---

如果我的回答解决了你的问题，你能接受吗？谢谢