/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

15 votes294 views2 answers
Link reload page react
Javascript React
0 vote297 views1 answer
Use navigate in class component react native
Javascript React
10 votes324 views2 answers
React navigation no header
Javascript React
1 vote289 views1 answer
React js component parameters
Javascript React
0 vote273 views1 answer
Platform check in react native for status bar color
Javascript React
1 vote308 views1 answer
How to map objects in react native
Javascript React
0 vote312 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote308 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
36 votes279 views2 answers
Ref hook in react
Javascript React
0 vote296 views1 answer
How to add css based on route react
Javascript React