How do I handle redirects in my React app?

How do I handle redirects in my React app?

You can handle redirects in React using the react-router-dom library. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Route path='/old-path'>
        <Redirect to='/new-path' />
      </Route>
      <Route path='/new-path' component={NewComponent} />
    </Router>
  );
}

This will redirect users from /old-path to /new-path.

What if I want to redirect after a form submission?

You can use the useHistory hook from react-router-dom to programmatically redirect after a form submission. Here's an example:

import { useHistory } from 'react-router-dom';

function MyForm() {
  const history = useHistory();

  const handleSubmit = (event) => {
    event.preventDefault();
    // Perform form submission logic here
    history.push('/success');
  };

  return <form onSubmit={handleSubmit}>...</form>;
}