Issue while using edit and Use Form from antd , useone api is not getting automatically triggered
my code for the edit part import React from 'react';
import { UserForm } from "pages/users/Form";
import { Edit, SaveButton, useForm } from '@refinedev/antd';
import { useNavigation } from '@refinedev/core';
import { useParams } from 'react-router-dom';
const UserEdit = () => {
const { id } = useParams();
const { list } = useNavigation();
const {
saveButtonProps,
onFinish,
formLoading,
queryResult,
formProps
} = useForm({
resource: "edit-user",
action: "edit",
id: id
});
const onFinishHandler = async (data: any) => {
await onFinish({
...data,
roles: [{
id: Number(data.userRole)
}],
active: Boolean(data.active)
});
list("users");
};
console.log(queryResult)
return (
// <Edit title="Edit" saveButtonProps={saveButtonProps} footerButtons={({ saveButtonProps }) => (
// <>
// <SaveButton
// {...saveButtonProps}
// >
// Update
// </SaveButton>
// </>
// )}
// >
// <UserForm
// onFinish={onFinish}
// formLoading={formLoading}
// onFinishHandler={onFinishHandler}
// formProps={formProps}
// />
// </Edit>
<></>
);
};
export default UserEdit
but on refresh the api is called , can anyone check if i m doing something wrong or missed anything ?
import { UserForm } from "pages/users/Form";
import { Edit, SaveButton, useForm } from '@refinedev/antd';
import { useNavigation } from '@refinedev/core';
import { useParams } from 'react-router-dom';
const UserEdit = () => {
const { id } = useParams();
const { list } = useNavigation();
const {
saveButtonProps,
onFinish,
formLoading,
queryResult,
formProps
} = useForm({
resource: "edit-user",
action: "edit",
id: id
});
const onFinishHandler = async (data: any) => {
await onFinish({
...data,
roles: [{
id: Number(data.userRole)
}],
active: Boolean(data.active)
});
list("users");
};
console.log(queryResult)
return (
// <Edit title="Edit" saveButtonProps={saveButtonProps} footerButtons={({ saveButtonProps }) => (
// <>
// <SaveButton
// {...saveButtonProps}
// >
// Update
// </SaveButton>
// </>
// )}
// >
// <UserForm
// onFinish={onFinish}
// formLoading={formLoading}
// onFinishHandler={onFinishHandler}
// formProps={formProps}
// />
// </Edit>
<></>
);
};
export default UserEdit
but on refresh the api is called , can anyone check if i m doing something wrong or missed anything ?
