可以轻松的在服务端组件中，通过 props 将ServerAction注入到组件中，这个步骤意味着你可以可以轻松的把异步 api 注入给ClientComponet，并且获得完美的TypeScript提示。

注意，该文件是 use server 的服务端组件

"use server";
import React from "react";

const Page = () => {
  const onCall = async () => {
    "use server";
    console.log("submitting form");
    await new Promise((resolve) => setTimeout(resolve, 200));
    redirect(`/server-component/button?username=${Math.random()}`);
  };
  return (
    <>
      <LoadingClient onCall={onCall} />
      <button className='btn' onClick={onCall}>
        直接通过button调用
      </button>
    </>
  );
};