Skip to main content
Version: 3.xx.xx

default-value-live-preview

localhost:3000/products
Live previews only work with the latest documentation.
import { useSelect } from "@pankod/refine-core";

interface ICategory {
id: number;
title: string;
}

const ProductCreate: React.FC = () => {
const { options } = useSelect<ICategory>({
resource: "categories",
defaultValue: 20,
});

return (
<label>
Select a category:
<select>
{options?.map((option) => (
<option key={option.value} value={option.value}>
{option.value}-{option.label}
</option>
))}
</select>
</label>
);
};