ЯсноПонятно24

Для написания функции submitOrder с использованием createAsyncThunk из библиотеки Redux Toolkit, необходимо следовать следующему шаблону:

import { createAsyncThunk } from '@reduxjs/toolkit';
import { orderBurgerApi } from './api'; // импорт функции для отправки запроса на сервер

export const submitOrder = createAsyncThunk(
  'order/submit',
  async (ingredients: string[], { rejectWithValue }) => {
    try {
      const reply = await orderBurgerApi(ingredients); // вызов функции для отправки запроса на сервер
      if (!reply.success) {
        return rejectWithValue(reply); // в случае неудачного ответа от сервера, вызываем rejectWithValue с ответом сервера
      }
      return reply; // возвращаем успешный ответ от сервера
    } catch (error) {
      return rejectWithValue(error.message); // в случае ошибки при отправке запроса, вызываем rejectWithValue с сообщением об ошибке
    }
  }
);

В данном примере функция submitOrder использует createAsyncThunk для создания асинхронной функции, которая отправляет запрос на сервер с переданными ингредиентами для заказа бургера. В случае успешного ответа от сервера, функция возвращает объект reply. В случае неудачного ответа от сервера или ошибки при отправке запроса, функция вызывает rejectWithValue с соответствующим сообщением или объектом ответа.

Не забудьте также импортировать функцию orderBurgerApi из модуля api, который содержит логику отправки запроса на сервер.