在 React 中使用
FaasJS 提供了 @faasjs/react
使得你可以在 React 中轻松调用云函数。
集成步骤
- 安装插件
npm install @faasjs/react@beta --save
- 引入插件
// faas.ts
import { FaasClient } from '@faasjs/react';
const client = FaasClient({
domain: '' // 这里填写云函数的服务地址
});
export const faas = client.faas;
export const useFaas = client.useFaas;
使用方法
// demo.tsx
import React from 'react';
import { useFaas } from './faas';
interface User {
id: string;
}
export function Demo () {
const user = useFaas<User>('user/current');
if (!user.data) return <>载入中</>;
return <>ID: {user.data.id}</>
}