React-Redux - Parsing错误:无法在异步函数外部使用关键字'await‘

import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { fetchData } from 'api'; // 用于获取数据的异步函数

const MyComponent = () => {
  const dispatch = useDispatch();
  const data = useSelector(state => state.data);

  // 异步函数
  const fetchDataAsync = async () => {
    try {
      const result = await fetchData(); // 等待数据请求完成
      dispatch({ type: 'FETCH_SUCCESS', payload: result });
    } catch (error) {
      dispatch({ type: 'FETCH_ERROR', payload: error });
    }
  };

  React.useEffect(() => {
    fetchDataAsync(); // 在组件挂载时调用异步函数
  }, []);

  return (
    <div>
      {/* 渲染数据 */}
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
};

export default MyComponent;