/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

3 votes129 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote128 views3 answers
Image border shadow react native
Javascript React
0 vote132 views1 answer
Custom hook for unique items in react
Javascript React
0 vote154 views1 answer
React native progress bar slider
Javascript React
3 votes122 views1 answer
React native netinfo
Javascript React
0 vote151 views1 answer
Switch react router
Javascript React
3 votes127 views4 answers
Add new array at the back of react state
Javascript React
2 votes125 views1 answer
React native seperator code
Javascript React
0 vote130 views1 answer
React native communicate with webview
Javascript React
0 vote89 views1 answer
React testing library getBy image
Javascript React