注意

使用该hooks之前，请确保按照文档方式初始化了

这个hooks用于请求接口并获取接口返回结果以及请求过程的状态，以及请求的错误

import {IHttpClient,IContext} from "cyl-hooks-tools"

export interface Test {
    id:number
    name:string
    createTime:number
}

export function getTest(ctx:IContext<IHttpClient,object>,id:number):Promise<Test>{
    return ctx.get("https://chuyanlon.github.io/cyl-hooks-tools-doc/api/test.json",{
        id
    })
}

import {useApi,useApiState,IContext,IHttpClient} from "cyl-hooks-tools"

import {getTest} from "./test.ts"

export default function Component(){
    const api = useApi<IContext<IHttpClient,object>>()
    const [id,setId] = useState(0)
    const [test,loading,error] = useApiState(api,getTest,id)
    return <div>
        <div>状态:{loading ? "请求中" : "请求完成"}</div>
        <div>错误:{error ? error?.message : "没有错误"}</div>
        <div>结果:{JSON.stringify(test)}</div>
    </div>
}

// Make sure to add code blocks to your code group