/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

0 vote151 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
50 votes135 views6 answers
Yarn create react app
Javascript React
-3 votes138 views1 answer
React native share
Javascript React
0 vote163 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
0 vote138 views1 answer
How to get property names from object using map method react
Javascript React
0 vote162 views1 answer
React native height full
Javascript React
1 vote176 views1 answer
Rendering, reconciliation, committing in react
Javascript React
31 votes140 views1 answer
React router dom IndexRedirect
Javascript React
0 vote153 views1 answer
Pass status of checkbox to a function react js
Javascript React
0 vote171 views1 answer
Loop number in react
Javascript React