/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 vote212 views1 answer
React router dom v6 active link
Javascript React
3 votes197 views2 answers
Link react
Javascript React
5 votes133 views2 answers
React hook form
Javascript React
0 vote185 views1 answer
React state as object
Javascript React
0 vote198 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
1 vote231 views1 answer
React-redux todo list
Javascript React
0 vote183 views1 answer
How to link a photo in expo react native
Javascript React
2 votes177 views2 answers
React google maps
Javascript React
7 votes185 views2 answers
Input type password react native
Javascript React
1 vote189 views2 answers
How to not use relative imports in react js
Javascript React