如何在提交表单后使用 react-router-dom 重定向?

问题描述 投票:0回答:0

保存数据成功后想从一个页面重定向到另一个页面,如何使用react router dom重定向?

我已经在 action 方法中返回了 redirect() ,它有效。 如果我们想在某些功能完成后重定向(保存在区块链中)怎么办

import { Form,redirect } from "react-router-dom";

export async function action({ request, params }) {
    const formData = await request.formData();
    const updates = Object.fromEntries(formData);
    await SaveUser(updates);
    return redirect(`/`);
//Redirection occur here before SaveUser last code,action method always need to return some value
    }
async function SaveUser(formData){
        saveUserDetails.then{
        SweetAlert.fire({
            title: "Success", 
            text: "Registration Completed Successfully!", 
            icon: 'success'
          },
        function(){ 
          //Problem :'Redirection doesnt work here,Required redirection here'
          return redirect(`/`)

        }
     );
       });
    }
//In index.js
//import SignUp, { loader as signupLoader, action as signupAction } from './Pages/SignUp';
//const router = createBrowserRouter([ {
    // path: "/signup",
    //element: <SignUp />,
    //loader: signupLoader,
    //action: signupAction 
  //}]),

reactjs react-router-dom loader
© www.soinside.com 2019 - 2024. All rights reserved.