---------------------- To create an edit form with a related field in Refine, you can use the `useForm` and `useSelect` hooks. The `useForm` hook is used to handle form operations, while the `useSelect` hook is used to fetch and display select options inside the form. Here's an example of how you can do it: ```jsx import { IResourceComponentsProps } from "@refinedev/core"; import { Edit, useForm, useSelect } from "@refinedev/antd"; import { Form, Select, Input } from "antd"; import { IContact } from "interfaces"; export const EditContact: React.FC = () => { const { formProps, saveButtonProps, queryResult } = useForm({ meta: { populate: ["client"] }, }); const defaultClientCompany = queryResult?.data?.data; const { selectProps } = useSelect({ resource: "clients", defaultValue: defaultClientCompany?.client?.id, optionValue: "id", optionLabel: "name", pagination: { mode: "server" } }); return ( ); }; ``` In this example, the `useForm` hook is used with the `populate` option to fetch the related `client` field. The `useSelect` hook is then used to fetch and display the `client` options in a `Select` component.

How to populate a related field in Edit form with useForm?

Similar Threads

Similar Threads

Similar Threads