Is it an asynchronous problem that the access request data cannot be accessed?

problem description

getModelVersion () backend request data

Parameter limit

getCurrentData has only one parameter record

related codes 

  getCurrentData = (record) => {
    const { searchParams } = this.state;
    const params = {
      status: searchParams.status,
      modelId: record.id,
    };
    getModelVersion(params).then((result) => { //
      if (result.length > 1) {
        return "";
      } else {
        return styles.disabledRow;
      }
    });
  }

Table in render 

<Table
   className={styles.subTable}
   dataSource={this.state.SampleData}
   ....
   ....
   expandedRowKeys={expandedRowKeys}
   onExpandedRowsChange={this.onExpandedRowsChange}
   rowClassName={(record) => { return this.getCurrentData(record); }} // 
/>

what is the result?

getCurrentData returns undefined

Antd react.js
Jun.02,2021

add a return and try

clipboard.png

Update 

getCurrentData = (record) => {
    ...
    return Promise.resolve({}).then(=>{
        return getModelVersion(params) =>{
        .......
        }
    })
    ...
}

there should be something wrong with the getModelVersion method. Check whether this method is correct

the asynchronous bar

should not be used here.

use ES7 async await syntax. 

  getCurrentData = async (record) => {
    const { searchParams } = this.state;
    const params = {
      status: searchParams.status,
      modelId: record.id,
    };
    const result = await getModelVersion(params);
    if (result.length > 1) {
        return '';
      } else {
        return styles.disabledRow;
      }
  }

1. Confirm whether the network request is sent
2. Show the getModelVersion code

.

Previous: Input uses required and readonly to verify conflicts with each other

Next: How to add one number to another in the js array?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu