我正在try 将一组加载程序函数发送到我的路由，它抛出一个错误 Handler is not a funtion in a reactJs application

async function landingPageContentLoader() {
  const url = AppConstants.landingPageDataAPI;
  const response = await DataService.get(url,AppConstants.emptyString,AppConstants.emptyString)
  return response;   
}
async function skillsLoader() {
  const url = AppConstants.exploreSkillsGetAPI;
  const response = await DataService.get(url,AppConstants.emptyString,AppConstants.emptyString);
  console.log(response);
  return response;   
}
const router = createBrowserRouter([
  
  {
    path: AppConstants.skills,
    element:<SkillsPage/>,
    loader: [landingPageContentLoader,skillsLoader]
  },

export const SkillsPage = ()=>{

  const {landingPageContentLoader,skillsLoader} = useLoaderData();
}

async function landingPageContentLoader() {
  const url = AppConstants.landingPageDataAPI;
  const response = await DataService.get(
    url,
    AppConstants.emptyString,
    AppConstants.emptyString
  );

  return response;   
}

async function skillsLoader() {
  const url = AppConstants.exploreSkillsGetAPI;
  const response = await DataService.get(
    url,
    AppConstants.emptyString,
    AppConstants.emptyString
  );

  return response;   
};

const skillsPageLoader = async () => {
  return Promise.all([landingPageContentLoader(), skillsLoader()]);
};

const router = createBrowserRouter([
  
  {
    path: AppConstants.skills,
    element: <SkillsPage/>,
    loader: skillsPageLoader,
  },
]);

export const SkillsPage = () => {
  const [landingPageContentLoader, skillsLoader] = useLoaderData();

  ...
}

Reactjs相关问答推荐

未捕获的类型错误：类型Orbitum创建者未定义

在Reaction中单击时，按钮未按预期工作

App.js中的H2组件不会动态呈现.这可能是什么问题？

基本react 应用程序正在触发两次Use Effect

更改滑块标记的文本 colored颜色 ./Reaction/MUI 5

阻止组件更新的多分派Redux Thunk或setState是否有任何问题

无法在下一个标头上使用 React hooks

如何删除 bootstrap 手风琴上的边框

在 golang 服务器中刷新或直接 url 路径时响应 404

Redux 工具包不更新状态

无法读取未定义的属性(阅读 'editQuoteModalShown')reactredux

每次状态更改时都会提交react 表单

顶点图表甜甜圈项目边框半径

使用 React.lazy 调试 webpack 代码拆分

更新和删除功能不工作 Asp.net MVC React

如何在 React 中单击鼠标的位置动态添加 div？

如何使用 babel 将 SVG 转换为 React 组件？

未捕获的错误：操作必须是使用 redux/toolkit 的普通对象

React useEffect hooks return () => cleanup() vs return cleanup

如何从另一个切片中的不同切片获取状态并对其进行处理？