/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

5 votes197 views1 answer
React style ternary operator
Javascript React
0 vote187 views1 answer
@testing-library/react-native switch
Javascript React
0 vote216 views1 answer
How to install yup in react native
Javascript React
4 votes145 views1 answer
React router dom v6 goback
Javascript React
0 vote244 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote262 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote217 views1 answer
Create loop to specific length react
Javascript React
0 vote221 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote187 views1 answer
How to find network there is no network react native
Javascript React
0 vote191 views1 answer
React native jest snapshot
Javascript React