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