passive-yellow•3y ago

Intercept Before Create

Hello! I need to manipulate some form data before sending to the server, there's and hook/middleware/action to intercepet the form action and act before? Thanks!

4 Replies

jolly-crimson•3y ago

Hi @fatrex, Do you you use @pankod/refine-react-hook-form ? if you, u can use this example: https://stackblitz.com/edit/refinedev-refine-cutjm6?file=src/pages/posts/create.tsx

  const onSubmitHandler: SubmitHandler<any> = (data) => {
    console.log(data);
    // data manipulations
    return  onFinish(data);
  };
  
  // ---

      <form onSubmit={handleSubmit(onSubmitHandler)}>

  const onSubmitHandler: SubmitHandler<any> = (data) => {
    console.log(data);
    // data manipulations
    return  onFinish(data);
  };
  
  // ---

      <form onSubmit={handleSubmit(onSubmitHandler)}>

passive-yellowOP•3y ago

Thanks @alicanerdurmaz ! Sorry I forgot to mention that actualluy I'm using useForm from antd. Maybe there's something similat

jolly-crimson•3y ago

It's very similar 🙏

  const onSubmitHandler = (data: any) => {
    console.log(data);
    // data manipulations

    return formProps.onFinish?.(data);
  };

  // **** 

  <Form {...formProps} onFinish={onSubmitHandler} layout="vertical">

  const onSubmitHandler = (data: any) => {
    console.log(data);
    // data manipulations

    return formProps.onFinish?.(data);
  };

  // **** 

  <Form {...formProps} onFinish={onSubmitHandler} layout="vertical">

https://stackblitz.com/edit/refinedev-refine-tq7rwx?file=src/pages/posts/create.tsx

passive-yellowOP•3y ago

onFinish ! Thanks 😄

Intercept Before Create

Did you find this page helpful?