/Javascript/React/Usenavigate react router dom v6

Usenavigate react router dom v6

import React from 'react';
import { useNavigate } from 'react-router-dom';

function App() {
  let navigate = useNavigate();
  let [error, setError] = React.useState(null);

  async function handleSubmit(event) {
    event.preventDefault();
    let result = await submitForm(event.target);
    if (result.error) {
      setError(result.error);
    } else {
      navigate('success');
    }
  }

  return (
    <form onSubmit={handleSubmit}>
      // ...
    </form>
  );
}

Similar codes

1 vote196 views1 answer
Adding parameters to url react router
Javascript React
1 vote202 views1 answer
React native create view dynamically
Javascript React
0 vote256 views1 answer
Navigate between files in react js
Javascript React
23 votes198 views4 answers
Click to copy react
Javascript React
0 vote205 views1 answer
Using redux on react extension
Javascript React
0 vote193 views1 answer
Rich text react renderer
Javascript React
-1 vote200 views1 answer
What is the use of consrtructors in reactjs
Javascript React
0 vote196 views2 answers
Editable pre input react
Javascript React
0 vote182 views1 answer
Placeholder text disappear when click in react
Javascript React
21 votes229 views6 answers
Shadow in react native
Javascript React