FaasJS
首页
  • 教程
  • 文档
  • 更新日志
  • VS Code 插件
  • Docker 镜像

    • faasjs/nginx
    • faasjs/node
    • faasjs/vscode
  • Github
  • 支持 FaasJS
  • 赞助 FaasJS
  • English
  • 简体中文
首页
  • 教程
  • 文档
  • 更新日志
  • VS Code 插件
  • Docker 镜像

    • faasjs/nginx
    • faasjs/node
    • faasjs/vscode
  • Github
  • 支持 FaasJS
  • 赞助 FaasJS
  • English
  • 简体中文
  • 1 分钟上手
  • 5 分钟开发登录注册功能
    • faas.yaml
    • 使用插件
    • Http、Cookie 和 Session
    • 数据库操作
    • HTTP 请求规范
    • 环境变量
    • 在 React 中使用
  • 背景故事

在 React 中使用

FaasJS 提供了 @faasjs/react 使得你可以在 React 中轻松调用云函数。

集成步骤

  1. 安装插件 npm install @faasjs/react@beta --save
  2. 引入插件
// 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}</>
}
更新时间: 2025/4/27 05:45
Prev
环境变量