@pendant/api-react

api-react

快速请求 CODING OPEN API

Usage

import { setConfig, useFetchApi } from '@pendant/api-react';

setConfig({ clientId: '1234565' });

const ProjectListDemo = () => {
  const { response, error } = useFetchApi('DescribeCodingProjects', query);

  if (error || response?.Error) {
    return <>获取数据错误</>
  }

  if (response?.Data?.ProjectList instanceof Array) {
    return response?.Data?.ProjectList.map(project => <div>{project.Name}<div>)
  }

  return <>loading</>;
}

export default ProjectListDemo;

Api

setConfig

设置 api-react 的配置

{
  clientId: string;
  fetch?: Parameters<typeof fetch>;
}

参数	说明	类型	默认值
clientId	客户端 ID	string	-
fetch	fetch 的默认参数[RequestInfo | URL, { headers: RequestInit['headers'] }]，在发送请求的时候会合并到 参数里面。	Parameters	-

fetchApi

函数式使用 fetchApi ， hooks 使用 useFetchApi .

fetchApi('DescribeCodingProjects', query).then((res) => console.log(res));
const { response, error } = useFetchApi('DescribeCodingProjects', query);

参数	说明	类型	默认值
action	需要调用的业务 id	string	-
query	请求参数	Object	-

getContext

获取应用的上下文信息

const { accessToken, apiUrl } = await getContext();