我正在处理一个应用程序，我需要加载数据的组件加载。我绑定ag-grid-vue的地方。我正面临一个问题，我的API响应很晚，网格给出了下面的显示。
caught（in promise）TypeError：rowData.map不是函数
下面是我在组件加载上的代码

<script>
  import { AgGridVue } from "ag-grid-vue3";
  import Repository from "../serviceFactory/serviceFactory";
  const jokeRepository = Repository.get("JokeRepo");
  
  export default{
    name: "App",
    components: {
      AgGridVue,
    },
    data() {
       var jokeList = jokeRepository.getRecordList().then(res => {return res});
       debugger
      return {
        columnDefs: [
          { headerName: "Joke", field: "joke",sortable: true}
        ],
        rowData: jokeList,
        overlayNoRowsTemplate: "No Record Found!"
      };
   }
  }
  </script>

这里jokeList返回一个PromiseStatepending。