Что происходит с «оставшимся» выполнением кода при повторном рендеринге компонента?

setState является асинхронным, поэтому он не обновляет состояние вашего родительского компонента немедленно. Таким образом, оставшийся код внутри метода myMethod не будет прерван. Весь оставшийся код выполняется и только после того, как состояние родительского компонента будет обновлено, это вызовет повторную визуализацию. А также, если вы хотите, вы можете обновить состояние дочернего компонента (после того, как ваш запрос axios к серверной части был разрешен) внутри того же метода myMethod.

например:

import React, { Component } from "react";
import ReactDOM from "react-dom";

const getRandomInt = (min, max) => {
  return Math.floor(Math.random() * (max - min + 1)) + min;
};

class Parent extends Component {
  state = {
    list: [1, 2, 3]
  };

  parentHandler = value => {
    this.setState({ list: [...this.state.list, value] }, () =>
      console.info("parent component state updated")
    );
  };

  render() {
    return (
      <div>
        {this.state.list.map(item => (
          <Child key = {item} item = {item} parentHandler = {this.parentHandler} />
        ))}
      </div>
    );
  }
}

class Child extends Component {
  state = {
    id: 24
  };

  fakePromsise = () => {
    const newId = getRandomInt(24, 60);
    return new Promise((resolve, reject) => {
      setTimeout(() => resolve(newId), 5000);
    });
  };

  childHandler = listItem => {
    let newItem = listItem + getRandomInt(10, 1000);
    // handling parent state
    this.props.parentHandler(newItem);
    // handling fake promise
    // and when the promise resolves
    // update the component state
    this.fakePromsise().then(data =>
      this.setState(
        {
          id: data
        },
        () => console.info("child component state updated")
      )
    );
    // after the loop completes
    // parent state is updated
    for (let i = 0; i < 5000; i++) {
      console.info("i", i);
    }
  };

  render() {
    return (
      <div>
        <h1 onClick = {() => this.childHandler(this.props.item)}>
          {this.props.item} click me!!!
        </h1>
        <p>Id: {this.state.id}</p>
      </div>
    );
  }
}

ReactDOM.render(<Parent />, document.getElementById('root'));

you can use the example and see the console result. Just click the h1 tag. After which new Child component is added and the clicked Child component id is changed.