每次组件在React ContextAPI下呈现时获取登录用户

import React from 'react';

const UserContext = React.createContext();

export default UserContext;

import React, { useState } from 'react';
import UserContext from './UserContext';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [user, setUser] = useState(null); // 登录用户信息

  return (
    <UserContext.Provider value={user}>
      <ChildComponent />
    </UserContext.Provider>
  );
};

export default ParentComponent;

import React from 'react';
import UserContext from './UserContext';

const UserComponent = () => {
  return (
    <UserContext.Consumer>
      {user => {
        if (user) {
          // 对登录用户信息进行渲染或其他处理
          return <div>Logged in as: {user.username}</div>;
        } else {
          // 用户未登录的处理
          return <div>Please log in</div>;
        }
      }}
    </UserContext.Consumer>
  );
};

export default UserComponent;