Await là một lỗi từ dành riêng bên trong hàm async

Tôi đang đấu tranh để tìm ra vấn đề với cú pháp sau:

export const sendVerificationEmail = async () =>
  (dispatch) => {
    try {
      dispatch({ type: EMAIL_FETCHING, payload: true });
      await Auth.sendEmailVerification();
      dispatch({ type: EMAIL_FETCHING, payload: false }))
    } catch (error) {
      dispatch({ type: EMAIL_FETCHING, payload: false });
      throw new Error(error);
    }
  };

Tôi liên tục gặp lỗi khi nói:

chờ đợi là một từ dành riêng

... nhưng nó không hợp pháp trong một hàm không đồng bộ?

Bit điều phối đến từ thư viện react-thunk .

Để sử dụng await, hàm trực tiếp bao quanh nó cần phải không đồng bộ. Theo nhận xét của bạn, việc thêm asyncvào hàm bên trong sẽ khắc phục sự cố của bạn, vì vậy tôi sẽ đăng nội dung đó ở đây:

export const sendVerificationEmail = async () =>
  async (dispatch) => {
    try {
      dispatch({ type: EMAIL_FETCHING, payload: true });
      await Auth.sendEmailVerification();
      dispatch({ type: EMAIL_FETCHING, payload: false }))
    } catch (error) {
      dispatch({ type: EMAIL_FETCHING, payload: false });
      throw new Error(error);
    }
  };

Có thể, bạn có thể xóa asynckhỏi hàm bên ngoài bởi vì nó không chứa bất kỳ hoạt động không đồng bộ nào, nhưng điều đó sẽ phụ thuộc vào việc liệu người gọi hàm đó sendVerificationEmailcó mong đợi sendVerificationEmailtrả về một lời hứa hay không.