`clientAction`

除了（或代替）您的 action 之外，您还可以定义一个将在客户端执行的 clientAction 函数。

每个路由都可以定义一个处理变异的 clientAction 函数

export const clientAction = async ({
  request,
  params,
  serverAction,
}: ClientActionFunctionArgs) => {
  invalidateClientSideCache();
  const data = await serverAction();
  return data;
};

此函数仅在客户端运行，并且可以以几种方式使用

对于完整客户端路由，不使用服务器 action
与 clientLoader 缓存一起使用，通过在变异时使缓存失效
促进从 React Router 迁移

参数

`params`

此函数接收与 action 相同的 params 参数。

`request`

此函数接收与 action 相同的 request 参数。

`serverAction`

serverAction 是一个异步函数，它对该路由的服务器 action 发出 fetch 调用。

另请参阅

客户端数据指南
clientLoader