Невозможно сделать асинхронную публикацию Axios из React в Webform

Мне нужна помощь. У меня есть приложение для реагирования, которое использовало сообщение axios для веб-форм для запроса/отправки некоторых данных в бэкэнд. Простой вызов axios.post("path", data).

При первом сообщении axios ответ займет около 20 секунд (для ответа данных) Прежде чем первый пост будет завершен, пользователь может щелкнуть другой компонент реакции, который сделает еще один пост axios, который займет около 1 секунды (небольшие данные).

Вкладка сети Chrome Dev

В сети chrome dev, когда первое сообщение находится на рассмотрении, я вижу, что второе сообщение, которое должно было занять всего 1 секунду, вместо этого потребовало на 1 секунду больше времени, чем первое сообщение axios для ответа. Например: первая аксиальная почта заняла 20 секунд, вторая аксиальная почта заняла 21 секунду.

Скриншот вкладки сети chrome dev -> https://imgur.com/a/Op1uyqb
+Отметка красным цветом — это второй пост.
+Отметить синим цветом первый пост.

Мой вопрос

Предполагается ли, что второй пост будет продолжен только после завершения первого поста? Кажется, я не могу использовать axios.all в моем случае, есть ли способ сделать axios публиковать асинхронно?

EG: Когда пользователь нажимает на другой компонент, когда первое сообщение ожидает ответа, сообщение другого компонента также должно занять всего 1-2 секунды.

Я ожидаю, что второй пост, которому обычно требуется всего около 1-2 секунд, чтобы получить ответ, сможет работать нормально, даже когда первый пост ожидает ответа.

Заранее спасибо.