注销时清除useContext状态

// 创建全局状态管理器
import React, { createContext, useState } from 'react';

const initialState = { username: '', isLoggedIn: false };
export const UserContext = createContext(initialState);

export const UserProvider = ({ children }) => {
  const [user, setUser] = useState(initialState);

  const resetState = () => {
    setUser(initialState);
  };

  return (
    <UserContext.Provider value={{ user, setUser, resetState }}>
      {children}
    </UserContext.Provider>
  );
};

// 使用全局状态
import React, { useContext } from 'react';
import { UserContext } from './UserContext';

const Profile = () => {
  const { user, resetState } = useContext(UserContext);

  const handleLogout = () => {
    // 执行注销操作
    resetState();
  };

  return (
    <div>
      <h2>Welcome, {user.username}!</h2>
      <button onClick={handleLogout}>Logout</button>
    </div>
  );
};