问无法在react组件中设置状态

EN

        class Tester extends PureComponent { 

            constructor(){
            super();
            this.state = {
              invoices:[],
              startDate:'',
              endDate:'',
              queryResult:[],
              dateCleanUpResult:[]
            };

            this.searchForInvoicesByDates = this.searchForInvoicesByDates.bind(this);
            this.handleChange = this.handleChange.bind(this);
            this.cleanUpInvoices = this.cleanUpInvoices.bind(this);
          }

          handleChange({ target }) {
            this.setState({
              [target.name]: target.value
            });
          }

          componentDidMount() {
            const getCustomerId = this.props.customer.customerId;

            AXIOS_AUTHED.get(`${API}/customers/${getCustomerId}/invoices?sort=settledDate,desc`)
              .then(res => {
                const invoices= res.data.content;
                this.setState({ invoices });
              })   
          }

          cleanUpInvoices(){

            const invoice = this.state.invoices;
            invoice.forEach(function(invoicer) {
                        const newDate = invoicer.settledDate.substring(0, invoicer.settledDate.indexOf('T'));
                    invoicer.settledDate = moment(newDate, 'YYYY-MM-DD').format('MM-DD-YYYY');
                    });

                    return this.setState({
                      dateCleanUpResult: invoice
                    }, () => this.state.dateCleanUpResult);        

          }


          searchForInvoicesByDates(startDate, endDate){

            var myResult = this.cleanUpInvoices();
            console.log(myResult);

          //now perform your date search based on the result from above
          let cleanedStartDate =  moment(startDate).format('MM-DD-YYYY');
          let cleanedEndDate =   moment(endDate).format('MM-DD-YYYY');

          let filteredResult = [];

          for(let i = 0; i < this.state.dateCleanUpResult.length; i++){

            if(this.state.dateCleanUpResult[i].settledDate >= cleanedStartDate &&  this.state.dateCleanUpResult[i].settledDate <= cleanedEndDate) {
              filteredResult.push(this.state.dateCleanUpResult[i]);
             }
          }
          console.log(filteredResult);

          const listItems = filteredResult.map((number) =>
            <li key={number.orderNumber}>{number.orderNumber} - {moment(number.settledDate).format('MMM-DD-YYYY')} </li>
          );
          this.setState({queryResult:listItems});
          return (      
            <ul>{listItems}</ul>
          );


          }

          render() {
            return (
              <PageBase
                navigation={['Customer Solution', 'Tester App']}
              >
                <div className="row">
                  <div className="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <Paper>
                      <Typography className="customer-solution-subheader" component="h3" variant="subheading">
                        Tester App
                      </Typography>
                      <form>
                        <div className="customer-form-details">                     
                          <span>DATE RANGE COVERED*</span><br/>

                          <span className="ctrCalendar">
                            <label htmlFor="start">Start date:</label>
                            <input type="date" id="start" name="startDate" value={this.state.startDate} onChange={this.handleChange} required></input>
                          </span>
                          <span className="ctrCalendar">      
                            <label htmlFor="start">End date:</label>
                            <input type="date" id="end" name="endDate" value={this.state.endDate} onChange={this.handleChange} required></input>
                          </span>
                          <span>
                          <Button variant="contained" className="next-button" id="btnSearchDates" onClick={() =>this.searchForInvoicesByDates(this.state.startDate, this.state.endDate)}>Search</Button><br/><br/>
                          </span>

                          <p>Search Result (Invoices/Dates)</p>
                          <div role="content" className="invContentParent">
                            <div name="teach" id="invContentChild">

                            </div>
                          </div>

                        </div>

                      </form>                           

                    </Paper>
                  </div>
                </div>
              </PageBase>
            );
          }
        }

        export default Tester;