---------------------- To trigger another function when data is loaded using the `useForm` hook in refine, you can utilize the `React.useEffect` hook to watch for changes in the `query` result. When the data is successfully fetched, you can call your desired function. Here's an example of how you can achieve this: ```jsx import React from "react"; import { useForm } from "@refinedev/core"; const EditPage = () => { const { query, formLoading, onFinish } = useForm({ resource: "products", action: "edit", id: 123, }); const record = query.data?.data; React.useEffect(() => { if (record) { // Call your function here when data is loaded myFunction(record); } }, [record]); const onSubmit = (event) => { event.preventDefault(); const data = Object.fromEntries(new FormData(event.target).entries()); onFinish(data); }; return ( ); }; const myFunction = (data) => { console.log("Data loaded:", data); // Add your custom logic here }; export default EditPage; ``` In this example: - The `useForm` hook is used to fetch the data for the `edit` action. - The `React.useEffect` hook is used to watch for changes in the `record` variable, which holds the fetched data. - When `record` is updated with the fetched data, the `myFunction` function is called with the loaded data. This approach ensures that your custom function is triggered whenever the data is successfully loaded.

useForm on load data for edit

Similar Threads

Similar Threads

Similar Threads