React не обновляет состояние сразу и ждет, пока функция вернет данные

Question

У меня есть компонент, который получает данные из Java в callBackFunction до тех пор, пока функция не вернется. Я хочу показать счетчик, но когда я запускаю его, он не показывает счетчик, он просто ждет возвращения данных и затем показывает основнойсоставная часть. Я новичок, чтобы реагировать, пожалуйста, помогите мне.

class MyFirstComponent extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      isLoading: true,
    };
    this.getMyObject = this.getMyObject.bind(this);
  }

  async getMyObject() {

    this.currentObject = await this.props.callBackFunction(JSON.stringify(request));
    await this.setStateAsync({
      isLoading: false
    });
  }

  setStateAsync(state) {
    return new Promise((resolve) => {
      this.setState(state, resolve);
    });
  }

  componentDidMount() {
    this.getMyObject();
  }
  render() {
    if (this.state.isLoading) {
      return <SpinnerWidget size = "small" / > ;
    }

    return <MyMainComponent/>;
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.3.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.3.0/umd/react-dom.production.min.js"></script>