atmA
Convex Community3y ago
3 replies
atm

Question about how actions and calling 3rd party apis work, and .env variables.

I read the docs on these but it's still not really clear to me how things work and connect together.
I want to pass params so i can add a query or body to the fetch call in doSomething action from react front end code. Is this possible?


These were the examples in the docs.

import { action } from "./_generated/server";

export const doSomething = action({
  args: {},
  handler: async () => {
    const data = await fetch("https://api.thirdpartyservice.com");
    return data
  },
});



import React from "react";
import { useAction } from "convex/react";
import { api } from "../convex/_generated/api";

export function MyApp() {

  const performMyAction = useAction(api.myFunctions.doSomething);
  const handleClick = () => {
    performMyAction({ a: 1 });
  };
  // pass 
handleClick
 to a button
  // ...
}
Was this page helpful?