useForm with action edit adds a / after path
useForm with action edit adds a / after path
useFormuseFormuseFormuseFormuseFormuseFormuseFormaction: "edit"action: "edit"action: "edit"action: "edit"action: "edit"ididididididlocalhost:3000/edit/localhost:3000/edit/123useUpdateuseUpdateNote: you can ask me a follow up question by @ mentioning me againNote: you can ask me a follow up question by @ mentioning me againPUTimport { useForm } from "@refinedev/react-hook-form";
const PostEditPage: React.FC = () => {
const {
refineCore: { onFinish, formLoading },
register,
handleSubmit,
formState: { errors },
} = useForm();
return (
<form onSubmit={handleSubmit(onFinish)}>
<label>Title: </label>
<input {...register("title", { required: true })} />
{errors.title && <span>This field is required</span>}
<br />
<label>Content: </label>
<br />
<label>Status: </label>
<select {...register("status")}>
<option value="published">published</option>
<option value="draft">draft</option>
<option value="rejected">rejected</option>
</select>
<br />
<textarea
{...register("content", { required: true })}
rows={10}
cols={50}
/>
{errors.content && <span>This field is required</span>}
<br />
<input type="submit" value="Submit" />
{formLoading && <p>Loading</p>}
</form>
);
};import { useForm } from "@refinedev/react-hook-form";
const PostEditPage: React.FC = () => {
const {
refineCore: { onFinish, formLoading },
register,
handleSubmit,
formState: { errors },
} = useForm({ resource: "posts", action: "edit" });
return (
<form onSubmit={handleSubmit(onFinish)}>
<label>Title: </label>
<input {...register("title", { required: true })} />
{errors.title && <span>This field is required</span>}
<br />
<label>Content: </label>
<textarea
{...register("content", { required: true })}
rows={10}
cols={50}
/>
{errors.content && <span>This field is required</span>}
<br />
<input type="submit" value="Submit" />
{formLoading && <p>Loading</p>}
</form>
);
};