How do I handle user logout in a React application?

How do I handle user logout in a React application?

To handle user logout in a React app, you typically need to clear the user's session and redirect them to the login page.

What methods can I use to clear the session?

You can use local storage or session storage to store user data. On logout, simply remove the relevant data using localStorage.removeItem('user').

How do I implement the redirect after logout?

You can use the useHistory hook from react-router-dom to programmatically navigate to the login page after clearing the session.

Can you show me a code example?

Sure! Here's a simple example:

const handleLogout = () => {
  localStorage.removeItem('user');
  history.push('/login');
};